Palette · 9 colors · Lc 8.4
True Zenith System palette
True Zenith System: a 9-color palette (Violet, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #D1E3EE, #A7CADC, #6FB8C9, #539DBC, #397EA7, #315E8C, #364B7D, #092949, #011323, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D1E3EE
surface
#A7CADC
muted
#6FB8C9
primary
#539DBC
secondary
#397EA7
accent
#315E8C
highlight
#364B7D
border
#092949
text
#011323
Colors in True Zenith System: HEX, RGB, HSL & OKLCH
- #D1E3EE color page →
bg
#D1E3EE
- RGB
- rgb(209 227 238)
- HSL
- hsl(203 46% 88%)
- OKLCH
- oklch(0.906 0.024 234.4)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.93:1 (AAA)
- #A7CADC color page →
surface
#A7CADC
- RGB
- rgb(167 202 220)
- HSL
- hsl(200 43% 76%)
- OKLCH
- oklch(0.819 0.045 230.3)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.12:1 (AAA)
- #6FB8C9 color page →
muted
#6FB8C9
- RGB
- rgb(111 184 201)
- HSL
- hsl(191 45% 61%)
- OKLCH
- oklch(0.741 0.077 214.3)
WCAG contrast: on white 2.23:1 (Fail) · on black 9.37:1 (AAA)
- #539DBC color page →
primary
#539DBC
- RGB
- rgb(83 157 188)
- HSL
- hsl(198 44% 53%)
- OKLCH
- oklch(0.661 0.087 227.6)
WCAG contrast: on white 3.03:1 (Fail) · on black 6.91:1 (AA)
- #397EA7 color page →
secondary
#397EA7
- RGB
- rgb(57 126 167)
- HSL
- hsl(202 49% 44%)
- OKLCH
- oklch(0.567 0.094 237.7)
WCAG contrast: on white 4.45:1 (Fail) · on black 4.71:1 (AA)
- #315E8C color page →
accent
#315E8C
- RGB
- rgb(49 94 140)
- HSL
- hsl(210 48% 37%)
- OKLCH
- oklch(0.472 0.09 250.7)
WCAG contrast: on white 6.75:1 (AA) · on black 3.11:1 (Fail)
- #364B7D color page →
highlight
#364B7D
- RGB
- rgb(54 75 125)
- HSL
- hsl(222 40% 35%)
- OKLCH
- oklch(0.42 0.088 265.6)
WCAG contrast: on white 8.53:1 (AAA) · on black 2.45:1 (Fail)
- #092949 color page →
border
#092949
- RGB
- rgb(9 41 73)
- HSL
- hsl(210 78% 16%)
- OKLCH
- oklch(0.277 0.07 251.9)
WCAG contrast: on white 14.73:1 (AAA) · on black 1.42:1 (Fail)
- #011323 color page →
text
#011323
- RGB
- rgb(1 19 35)
- HSL
- hsl(208 94% 7%)
- OKLCH
- oklch(0.18 0.043 245)
WCAG contrast: on white 18.77:1 (AAA) · on black 1.11:1 (Fail)
Export True Zenith System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d1e3ee;
--surface: #a7cadc;
--muted: #6fb8c9;
--primary: #539dbc;
--secondary: #397ea7;
--accent: #315e8c;
--highlight: #364b7d;
--border: #092949;
--text: #011323;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d1e3ee;
--color-surface: #a7cadc;
--color-muted: #6fb8c9;
--color-primary: #539dbc;
--color-secondary: #397ea7;
--color-accent: #315e8c;
--color-highlight: #364b7d;
--color-border: #092949;
--color-text: #011323;
}JSON (DTCG tokens)
{
"true-zenith-system-2c9": {
"bg": {
"$type": "color",
"$value": "#d1e3ee"
},
"surface": {
"$type": "color",
"$value": "#a7cadc"
},
"muted": {
"$type": "color",
"$value": "#6fb8c9"
},
"primary": {
"$type": "color",
"$value": "#539dbc"
},
"secondary": {
"$type": "color",
"$value": "#397ea7"
},
"accent": {
"$type": "color",
"$value": "#315e8c"
},
"highlight": {
"$type": "color",
"$value": "#364b7d"
},
"border": {
"$type": "color",
"$value": "#092949"
},
"text": {
"$type": "color",
"$value": "#011323"
}
}
}About this palette
True Zenith System is a 9-color OKLCH-ready palette tagged violet, cold, 9 colors. Hex values: #D1E3EE, #A7CADC, #6FB8C9, #539DBC, #397EA7, #315E8C, #364B7D, #092949, #011323. APCA contrast score Lc 8.4. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to True Zenith System by OKLab color distance.