Palette · 8 colors · Lc 9.5
True Baltic Drift palette
True Baltic Drift: a 8-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E7F5F5, #9ED2CE, #78B5AD, #35979F, #007274, #005B4D, #003935, #000E15, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7F5F5
surface
#9ED2CE
muted
#78B5AD
primary
#35979F
secondary
#007274
accent
#005B4D
highlight
#003935
text
#000E15
Colors in True Baltic Drift: HEX, RGB, HSL & OKLCH
- #E7F5F5 color page →
bg
#E7F5F5
- RGB
- rgb(231 245 245)
- HSL
- hsl(180 41% 93%)
- OKLCH
- oklch(0.96 0.015 196.9)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.77:1 (AAA)
- #9ED2CE color page →
surface
#9ED2CE
- RGB
- rgb(158 210 206)
- HSL
- hsl(175 37% 72%)
- OKLCH
- oklch(0.826 0.054 190.3)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.56:1 (AAA)
- #78B5AD color page →
muted
#78B5AD
- RGB
- rgb(120 181 173)
- HSL
- hsl(172 29% 59%)
- OKLCH
- oklch(0.729 0.064 185.5)
WCAG contrast: on white 2.33:1 (Fail) · on black 9.01:1 (AAA)
- #35979F color page →
primary
#35979F
- RGB
- rgb(53 151 159)
- HSL
- hsl(185 50% 42%)
- OKLCH
- oklch(0.624 0.09 202.9)
WCAG contrast: on white 3.45:1 (Fail) · on black 6.07:1 (AA)
- #007274 color page →
secondary
#007274
- RGB
- rgb(0 114 116)
- HSL
- hsl(181 100% 23%)
- OKLCH
- oklch(0.501 0.085 196.9)
WCAG contrast: on white 5.73:1 (AA) · on black 3.65:1 (Fail)
- #005B4D color page →
accent
#005B4D
- RGB
- rgb(0 91 77)
- HSL
- hsl(171 100% 18%)
- OKLCH
- oklch(0.421 0.078 177.5)
WCAG contrast: on white 8.06:1 (AAA) · on black 2.60:1 (Fail)
- #003935 color page →
highlight
#003935
- RGB
- rgb(0 57 53)
- HSL
- hsl(176 100% 11%)
- OKLCH
- oklch(0.31 0.054 187.2)
WCAG contrast: on white 12.83:1 (AAA) · on black 1.63:1 (Fail)
- #000E15 color page →
text
#000E15
- RGB
- rgb(0 14 21)
- HSL
- hsl(200 100% 4%)
- OKLCH
- oklch(0.152 0.029 225.9)
WCAG contrast: on white 19.55:1 (AAA) · on black 1.07:1 (Fail)
Export True Baltic Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7f5f5;
--surface: #9ed2ce;
--muted: #78b5ad;
--primary: #35979f;
--secondary: #007274;
--accent: #005b4d;
--highlight: #003935;
--text: #000e15;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7f5f5;
--color-surface: #9ed2ce;
--color-muted: #78b5ad;
--color-primary: #35979f;
--color-secondary: #007274;
--color-accent: #005b4d;
--color-highlight: #003935;
--color-text: #000e15;
}JSON (DTCG tokens)
{
"true-baltic-drift-3w3": {
"bg": {
"$type": "color",
"$value": "#e7f5f5"
},
"surface": {
"$type": "color",
"$value": "#9ed2ce"
},
"muted": {
"$type": "color",
"$value": "#78b5ad"
},
"primary": {
"$type": "color",
"$value": "#35979f"
},
"secondary": {
"$type": "color",
"$value": "#007274"
},
"accent": {
"$type": "color",
"$value": "#005b4d"
},
"highlight": {
"$type": "color",
"$value": "#003935"
},
"text": {
"$type": "color",
"$value": "#000e15"
}
}
}About this palette
True Baltic Drift is a 8-color OKLCH-ready palette tagged blue, cold, ocean, nature, 8 colors. Hex values: #E7F5F5, #9ED2CE, #78B5AD, #35979F, #007274, #005B4D, #003935, #000E15. APCA contrast score Lc 9.5. 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 Drift by OKLab color distance.