| Color name |
Color sample |
RGB hex |
Style variable name |
| Background | | #EEF2F7 | --color-bg |
| Surface | | #F6F9FC | --color-surface |
| Surface (secondary) | | #FFFFFF | --color-surface-2 |
| Surface offset | | #E2E8F0 | --color-surface-offset |
| Border | | #08204A24 (rgba(8,32,74,0.14)) | --color-border |
| Divider | | #08204A1A (rgba(8,32,74,0.10)) | --color-divider |
| Text | | #14233D | --color-text |
| Text muted | | #526174 | --color-text-muted |
| Text faint | | #7C8898 | --color-text-faint |
| Primary (brand navy) | | #08204A | --color-primary |
| Primary (secondary) | | #123A6B | --color-primary-2 |
| Primary tint | | #08204A14 (rgba(8,32,74,0.08)) | --color-primary-tint |
| Accent | | #9AA6B2 | --color-accent |
| Accent (secondary) | | #C7CED7 | --color-accent-2 |
| Warn | | #B5741F | --color-warn |
| Warn tint | | #B5741F1F (rgba(181,116,31,0.12)) | --color-warn-tint |
| Inverse | | #F7FAFC | --color-inverse |
| Footer background | | #08204A | --footer-bg |
| Color name |
Color sample |
RGB hex |
Style variable name |
| Background | | #0B1220 | --color-bg |
| Surface | | #101A2B | --color-surface |
| Surface (secondary) | | #16233B | --color-surface-2 |
| Surface offset | | #223247 | --color-surface-offset |
| Border | | #E0E8F024 (rgba(224,232,240,0.14)) | --color-border |
| Divider | | #E0E8F014 (rgba(224,232,240,0.08)) | --color-divider |
| Text | | #EEF4FB | --color-text |
| Text muted | | #B9C6D6 | --color-text-muted |
| Text faint | | #90A1B5 | --color-text-faint |
| Primary (brand navy) | | #7FA7D2 | --color-primary |
| Primary (secondary) | | #9AB9DA | --color-primary-2 |
| Primary tint | | #7FA7D21F (rgba(127,167,210,0.12)) | --color-primary-tint |
| Accent | | #94A3B8 | --color-accent |
| Accent (secondary) | | #334155 | --color-accent-2 |
| Warn | | #E0A04A | --color-warn |
| Warn tint | | #E0A04A24 (rgba(224,160,74,0.14)) | --color-warn-tint |
| Inverse | | #0B1220 | --color-inverse |
| Footer background | | #080F1A | --footer-bg |