Palette · 8 colors · Lc 9.4
True Baltic System palette
True Baltic System: a 8-color palette (Blue, Cold, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #020605, #0B1916, #032721, #004C3F, #008F75, #00A7AD, #5DC6CC, #E0F1EB, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Cold
- Dark Mode UI
- UI System
- 8 Colors
bg
#020605
surface
#0B1916
muted
#032721
primary
#004C3F
secondary
#008F75
accent
#00A7AD
highlight
#5DC6CC
text
#E0F1EB
Colors in True Baltic System: HEX, RGB, HSL & OKLCH
- #020605 color page →
bg
#020605
- RGB
- rgb(2 6 5)
- HSL
- hsl(165 50% 2%)
- OKLCH
- oklch(0.114 0.012 179.9)
WCAG contrast: on white 20.37:1 (AAA) · on black 1.03:1 (Fail)
- #0B1916 color page →
surface
#0B1916
- RGB
- rgb(11 25 22)
- HSL
- hsl(167 39% 7%)
- OKLCH
- oklch(0.199 0.021 178.9)
WCAG contrast: on white 18.02:1 (AAA) · on black 1.16:1 (Fail)
- #032721 color page →
muted
#032721
- RGB
- rgb(3 39 33)
- HSL
- hsl(170 86% 8%)
- OKLCH
- oklch(0.246 0.042 179.2)
WCAG contrast: on white 15.95:1 (AAA) · on black 1.31:1 (Fail)
- #004C3F color page →
primary
#004C3F
- RGB
- rgb(0 76 63)
- HSL
- hsl(170 100% 15%)
- OKLCH
- oklch(0.372 0.069 176.2)
WCAG contrast: on white 9.97:1 (AAA) · on black 2.10:1 (Fail)
- #008F75 color page →
secondary
#008F75
- RGB
- rgb(0 143 117)
- HSL
- hsl(169 100% 28%)
- OKLCH
- oklch(0.58 0.11 173.8)
WCAG contrast: on white 4.04:1 (Fail) · on black 5.18:1 (AA)
- #00A7AD color page →
accent
#00A7AD
- RGB
- rgb(0 167 173)
- HSL
- hsl(182 100% 34%)
- OKLCH
- oklch(0.662 0.112 199.3)
WCAG contrast: on white 2.94:1 (Fail) · on black 7.13:1 (AAA)
- #5DC6CC color page →
highlight
#5DC6CC
- RGB
- rgb(93 198 204)
- HSL
- hsl(183 52% 58%)
- OKLCH
- oklch(0.767 0.097 200.4)
WCAG contrast: on white 2.01:1 (Fail) · on black 10.41:1 (AAA)
- #E0F1EB color page →
text
#E0F1EB
- RGB
- rgb(224 241 235)
- HSL
- hsl(159 38% 91%)
- OKLCH
- oklch(0.944 0.02 172.8)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.95:1 (AAA)
Export True Baltic System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #020605;
--surface: #0b1916;
--muted: #032721;
--primary: #004c3f;
--secondary: #008f75;
--accent: #00a7ad;
--highlight: #5dc6cc;
--text: #e0f1eb;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #020605;
--color-surface: #0b1916;
--color-muted: #032721;
--color-primary: #004c3f;
--color-secondary: #008f75;
--color-accent: #00a7ad;
--color-highlight: #5dc6cc;
--color-text: #e0f1eb;
}JSON (DTCG tokens)
{
"true-baltic-system-5mx": {
"bg": {
"$type": "color",
"$value": "#020605"
},
"surface": {
"$type": "color",
"$value": "#0b1916"
},
"muted": {
"$type": "color",
"$value": "#032721"
},
"primary": {
"$type": "color",
"$value": "#004c3f"
},
"secondary": {
"$type": "color",
"$value": "#008f75"
},
"accent": {
"$type": "color",
"$value": "#00a7ad"
},
"highlight": {
"$type": "color",
"$value": "#5dc6cc"
},
"text": {
"$type": "color",
"$value": "#e0f1eb"
}
}
}About this palette
True Baltic System is a 8-color OKLCH-ready palette tagged blue, cold, dark mode ui, ui system, 8 colors. Hex values: #020605, #0B1916, #032721, #004C3F, #008F75, #00A7AD, #5DC6CC, #E0F1EB. APCA contrast score Lc 9.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 Baltic System by OKLab color distance.