Palette · 6 colors · Lc 9.4
Steady Lagoon Beacon palette
Steady Lagoon Beacon: a 6-color palette (Turquoise, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #EAF3F2, #96CBC8, #539E98, #266865, #193733, #040C0B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Turquoise
- Gray
- Cold
- Monochromatic
- 6 Colors
bg
#EAF3F2
surface
#96CBC8
muted
#539E98
primary
#266865
accent
#193733
text
#040C0B
Colors in Steady Lagoon Beacon: HEX, RGB, HSL & OKLCH
- #EAF3F2 color page →
bg
#EAF3F2
- RGB
- rgb(234 243 242)
- HSL
- hsl(173 27% 94%)
- OKLCH
- oklch(0.957 0.01 189.1)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.60:1 (AAA)
- #96CBC8 color page →
surface
#96CBC8
- RGB
- rgb(150 203 200)
- HSL
- hsl(177 34% 69%)
- OKLCH
- oklch(0.804 0.055 191.7)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.67:1 (AAA)
- #539E98 color page →
muted
#539E98
- RGB
- rgb(83 158 152)
- HSL
- hsl(175 31% 47%)
- OKLCH
- oklch(0.649 0.076 188.7)
WCAG contrast: on white 3.12:1 (Fail) · on black 6.71:1 (AA)
- #266865 color page →
primary
#266865
- RGB
- rgb(38 104 101)
- HSL
- hsl(177 46% 28%)
- OKLCH
- oklch(0.475 0.066 191)
WCAG contrast: on white 6.46:1 (AA) · on black 3.25:1 (Fail)
- #193733 color page →
accent
#193733
- RGB
- rgb(25 55 51)
- HSL
- hsl(172 38% 16%)
- OKLCH
- oklch(0.312 0.037 184.3)
WCAG contrast: on white 12.83:1 (AAA) · on black 1.63:1 (Fail)
- #040C0B color page →
text
#040C0B
- RGB
- rgb(4 12 11)
- HSL
- hsl(173 50% 3%)
- OKLCH
- oklch(0.144 0.015 187.2)
WCAG contrast: on white 19.76:1 (AAA) · on black 1.06:1 (Fail)
Export Steady Lagoon Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eaf3f2;
--surface: #96cbc8;
--muted: #539e98;
--primary: #266865;
--accent: #193733;
--text: #040c0b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eaf3f2;
--color-surface: #96cbc8;
--color-muted: #539e98;
--color-primary: #266865;
--color-accent: #193733;
--color-text: #040c0b;
}JSON (DTCG tokens)
{
"steady-lagoon-beacon-6k": {
"bg": {
"$type": "color",
"$value": "#eaf3f2"
},
"surface": {
"$type": "color",
"$value": "#96cbc8"
},
"muted": {
"$type": "color",
"$value": "#539e98"
},
"primary": {
"$type": "color",
"$value": "#266865"
},
"accent": {
"$type": "color",
"$value": "#193733"
},
"text": {
"$type": "color",
"$value": "#040c0b"
}
}
}About this palette
Steady Lagoon Beacon is a 6-color OKLCH-ready palette tagged turquoise, gray, cold, monochromatic, 6 colors. Hex values: #EAF3F2, #96CBC8, #539E98, #266865, #193733, #040C0B. 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 Steady Lagoon Beacon by OKLab color distance.