Palette · 6 colors · Lc 7.8
Steady Lagoon Tide palette
Steady Lagoon Tide: a 6-color palette (Turquoise, Gray, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #D0E8E7, #A7CAC0, #4D9A8E, #286A70, #004851, #0A1716, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D0E8E7
surface
#A7CAC0
muted
#4D9A8E
primary
#286A70
accent
#004851
text
#0A1716
Colors in Steady Lagoon Tide: HEX, RGB, HSL & OKLCH
- #D0E8E7 color page →
bg
#D0E8E7
- RGB
- rgb(208 232 231)
- HSL
- hsl(178 34% 86%)
- OKLCH
- oklch(0.913 0.025 193.7)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.37:1 (AAA)
- #A7CAC0 color page →
surface
#A7CAC0
- RGB
- rgb(167 202 192)
- HSL
- hsl(163 25% 72%)
- OKLCH
- oklch(0.811 0.04 176.1)
WCAG contrast: on white 1.77:1 (Fail) · on black 11.85:1 (AAA)
- #4D9A8E color page →
muted
#4D9A8E
- RGB
- rgb(77 154 142)
- HSL
- hsl(171 33% 45%)
- OKLCH
- oklch(0.634 0.079 182.3)
WCAG contrast: on white 3.31:1 (Fail) · on black 6.32:1 (AA)
- #286A70 color page →
primary
#286A70
- RGB
- rgb(40 106 112)
- HSL
- hsl(185 47% 30%)
- OKLCH
- oklch(0.485 0.066 203.5)
WCAG contrast: on white 6.20:1 (AA) · on black 3.38:1 (Fail)
- #004851 color page →
accent
#004851
- RGB
- rgb(0 72 81)
- HSL
- hsl(187 100% 16%)
- OKLCH
- oklch(0.368 0.063 209)
WCAG contrast: on white 10.26:1 (AAA) · on black 2.04:1 (Fail)
- #0A1716 color page →
text
#0A1716
- RGB
- rgb(10 23 22)
- HSL
- hsl(175 39% 6%)
- OKLCH
- oklch(0.192 0.019 189.5)
WCAG contrast: on white 18.30:1 (AAA) · on black 1.14:1 (Fail)
Export Steady Lagoon Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d0e8e7;
--surface: #a7cac0;
--muted: #4d9a8e;
--primary: #286a70;
--accent: #004851;
--text: #0a1716;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d0e8e7;
--color-surface: #a7cac0;
--color-muted: #4d9a8e;
--color-primary: #286a70;
--color-accent: #004851;
--color-text: #0a1716;
}JSON (DTCG tokens)
{
"steady-lagoon-tide-1it": {
"bg": {
"$type": "color",
"$value": "#d0e8e7"
},
"surface": {
"$type": "color",
"$value": "#a7cac0"
},
"muted": {
"$type": "color",
"$value": "#4d9a8e"
},
"primary": {
"$type": "color",
"$value": "#286a70"
},
"accent": {
"$type": "color",
"$value": "#004851"
},
"text": {
"$type": "color",
"$value": "#0a1716"
}
}
}About this palette
Steady Lagoon Tide is a 6-color OKLCH-ready palette tagged turquoise, gray, cold, 6 colors. Hex values: #D0E8E7, #A7CAC0, #4D9A8E, #286A70, #004851, #0A1716. APCA contrast score Lc 7.8. 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 Lagoon Tide by OKLab color distance.