Palette · 6 colors · Lc 9
Steady Baltic Lattice palette
Steady Baltic Lattice: a 6-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #ECF2F2, #8AD0CA, #459CA1, #00686D, #00433C, #031317, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECF2F2
surface
#8AD0CA
muted
#459CA1
primary
#00686D
accent
#00433C
text
#031317
Colors in Steady Baltic Lattice: HEX, RGB, HSL & OKLCH
- #ECF2F2 color page →
bg
#ECF2F2
- RGB
- rgb(236 242 242)
- HSL
- hsl(180 19% 94%)
- OKLCH
- oklch(0.957 0.006 197)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.54:1 (AAA)
- #8AD0CA color page →
surface
#8AD0CA
- RGB
- rgb(138 208 202)
- HSL
- hsl(175 43% 68%)
- OKLCH
- oklch(0.81 0.071 189)
WCAG contrast: on white 1.75:1 (Fail) · on black 11.95:1 (AAA)
- #459CA1 color page →
muted
#459CA1
- RGB
- rgb(69 156 161)
- HSL
- hsl(183 40% 45%)
- OKLCH
- oklch(0.642 0.083 200.4)
WCAG contrast: on white 3.21:1 (Fail) · on black 6.52:1 (AA)
- #00686D color page →
primary
#00686D
- RGB
- rgb(0 104 109)
- HSL
- hsl(183 100% 21%)
- OKLCH
- oklch(0.47 0.08 200.6)
WCAG contrast: on white 6.56:1 (AA) · on black 3.20:1 (Fail)
- #00433C color page →
accent
#00433C
- RGB
- rgb(0 67 60)
- HSL
- hsl(174 100% 13%)
- OKLCH
- oklch(0.344 0.061 183.3)
WCAG contrast: on white 11.24:1 (AAA) · on black 1.86:1 (Fail)
- #031317 color page →
text
#031317
- RGB
- rgb(3 19 23)
- HSL
- hsl(192 77% 5%)
- OKLCH
- oklch(0.174 0.025 214.6)
WCAG contrast: on white 18.92:1 (AAA) · on black 1.10:1 (Fail)
Export Steady Baltic Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecf2f2;
--surface: #8ad0ca;
--muted: #459ca1;
--primary: #00686d;
--accent: #00433c;
--text: #031317;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecf2f2;
--color-surface: #8ad0ca;
--color-muted: #459ca1;
--color-primary: #00686d;
--color-accent: #00433c;
--color-text: #031317;
}JSON (DTCG tokens)
{
"steady-baltic-lattice-10a": {
"bg": {
"$type": "color",
"$value": "#ecf2f2"
},
"surface": {
"$type": "color",
"$value": "#8ad0ca"
},
"muted": {
"$type": "color",
"$value": "#459ca1"
},
"primary": {
"$type": "color",
"$value": "#00686d"
},
"accent": {
"$type": "color",
"$value": "#00433c"
},
"text": {
"$type": "color",
"$value": "#031317"
}
}
}About this palette
Steady Baltic Lattice is a 6-color OKLCH-ready palette tagged blue, cold, ocean, nature, 6 colors. Hex values: #ECF2F2, #8AD0CA, #459CA1, #00686D, #00433C, #031317. APCA contrast score Lc 9. 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 Steady Baltic Lattice by OKLab color distance.