Palette · 6 colors · Lc 10
Classic Waterworld Signal palette
Classic Waterworld Signal: a 6-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #F3FAFC, #A2CFD1, #3E97A4, #007285, #00474D, #010E15, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3FAFC
surface
#A2CFD1
muted
#3E97A4
primary
#007285
accent
#00474D
text
#010E15
Colors in Classic Waterworld Signal: HEX, RGB, HSL & OKLCH
- #F3FAFC color page →
bg
#F3FAFC
- RGB
- rgb(243 250 252)
- HSL
- hsl(193 60% 97%)
- OKLCH
- oklch(0.98 0.008 216.6)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.89:1 (AAA)
- #A2CFD1 color page →
surface
#A2CFD1
- RGB
- rgb(162 207 209)
- HSL
- hsl(183 34% 73%)
- OKLCH
- oklch(0.823 0.047 199.7)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.38:1 (AAA)
- #3E97A4 color page →
muted
#3E97A4
- RGB
- rgb(62 151 164)
- HSL
- hsl(188 45% 44%)
- OKLCH
- oklch(0.628 0.086 208.4)
WCAG contrast: on white 3.40:1 (Fail) · on black 6.16:1 (AA)
- #007285 color page →
primary
#007285
- RGB
- rgb(0 114 133)
- HSL
- hsl(189 100% 26%)
- OKLCH
- oklch(0.508 0.09 214.5)
WCAG contrast: on white 5.60:1 (AA) · on black 3.74:1 (Fail)
- #00474D color page →
accent
#00474D
- RGB
- rgb(0 71 77)
- HSL
- hsl(185 100% 15%)
- OKLCH
- oklch(0.363 0.062 204.4)
WCAG contrast: on white 10.45:1 (AAA) · on black 2.00:1 (Fail)
- #010E15 color page →
text
#010E15
- RGB
- rgb(1 14 21)
- HSL
- hsl(201 91% 4%)
- OKLCH
- oklch(0.154 0.027 228.4)
WCAG contrast: on white 19.53:1 (AAA) · on black 1.07:1 (Fail)
Export Classic Waterworld Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3fafc;
--surface: #a2cfd1;
--muted: #3e97a4;
--primary: #007285;
--accent: #00474d;
--text: #010e15;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3fafc;
--color-surface: #a2cfd1;
--color-muted: #3e97a4;
--color-primary: #007285;
--color-accent: #00474d;
--color-text: #010e15;
}JSON (DTCG tokens)
{
"classic-waterworld-signal-3f8": {
"bg": {
"$type": "color",
"$value": "#f3fafc"
},
"surface": {
"$type": "color",
"$value": "#a2cfd1"
},
"muted": {
"$type": "color",
"$value": "#3e97a4"
},
"primary": {
"$type": "color",
"$value": "#007285"
},
"accent": {
"$type": "color",
"$value": "#00474d"
},
"text": {
"$type": "color",
"$value": "#010e15"
}
}
}About this palette
Classic Waterworld Signal is a 6-color OKLCH-ready palette tagged blue, cold, ocean, nature, 6 colors. Hex values: #F3FAFC, #A2CFD1, #3E97A4, #007285, #00474D, #010E15. APCA contrast score Lc 10. 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 Classic Waterworld Signal by OKLab color distance.