Palette · 8 colors · Lc 10
Classic Waterworld Archive palette
Classic Waterworld Archive: a 8-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #F1FAFD, #AFD4DC, #68B3BC, #3E91A8, #00748B, #005964, #003740, #010C12, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1FAFD
surface
#AFD4DC
muted
#68B3BC
primary
#3E91A8
secondary
#00748B
accent
#005964
highlight
#003740
text
#010C12
Colors in Classic Waterworld Archive: HEX, RGB, HSL & OKLCH
- #F1FAFD color page →
bg
#F1FAFD
- RGB
- rgb(241 250 253)
- HSL
- hsl(195 75% 97%)
- OKLCH
- oklch(0.979 0.01 219.6)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.83:1 (AAA)
- #AFD4DC color page →
surface
#AFD4DC
- RGB
- rgb(175 212 220)
- HSL
- hsl(191 39% 77%)
- OKLCH
- oklch(0.846 0.041 212.3)
WCAG contrast: on white 1.58:1 (Fail) · on black 13.27:1 (AAA)
- #68B3BC color page →
muted
#68B3BC
- RGB
- rgb(104 179 188)
- HSL
- hsl(186 39% 57%)
- OKLCH
- oklch(0.721 0.076 205.5)
WCAG contrast: on white 2.39:1 (Fail) · on black 8.76:1 (AAA)
- #3E91A8 color page →
primary
#3E91A8
- RGB
- rgb(62 145 168)
- HSL
- hsl(193 46% 45%)
- OKLCH
- oklch(0.615 0.087 219)
WCAG contrast: on white 3.60:1 (Fail) · on black 5.82:1 (AA)
- #00748B color page →
secondary
#00748B
- RGB
- rgb(0 116 139)
- HSL
- hsl(190 100% 27%)
- OKLCH
- oklch(0.516 0.093 218)
WCAG contrast: on white 5.42:1 (AA) · on black 3.87:1 (Fail)
- #005964 color page →
accent
#005964
- RGB
- rgb(0 89 100)
- HSL
- hsl(187 100% 20%)
- OKLCH
- oklch(0.425 0.073 209.3)
WCAG contrast: on white 8.03:1 (AAA) · on black 2.61:1 (Fail)
- #003740 color page →
highlight
#003740
- RGB
- rgb(0 55 64)
- HSL
- hsl(188 100% 13%)
- OKLCH
- oklch(0.309 0.054 212.3)
WCAG contrast: on white 12.95:1 (AAA) · on black 1.62:1 (Fail)
- #010C12 color page →
text
#010C12
- RGB
- rgb(1 12 18)
- HSL
- hsl(201 89% 4%)
- OKLCH
- oklch(0.145 0.025 226.8)
WCAG contrast: on white 19.76:1 (AAA) · on black 1.06:1 (Fail)
Export Classic Waterworld Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1fafd;
--surface: #afd4dc;
--muted: #68b3bc;
--primary: #3e91a8;
--secondary: #00748b;
--accent: #005964;
--highlight: #003740;
--text: #010c12;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1fafd;
--color-surface: #afd4dc;
--color-muted: #68b3bc;
--color-primary: #3e91a8;
--color-secondary: #00748b;
--color-accent: #005964;
--color-highlight: #003740;
--color-text: #010c12;
}JSON (DTCG tokens)
{
"classic-waterworld-archive-6fa": {
"bg": {
"$type": "color",
"$value": "#f1fafd"
},
"surface": {
"$type": "color",
"$value": "#afd4dc"
},
"muted": {
"$type": "color",
"$value": "#68b3bc"
},
"primary": {
"$type": "color",
"$value": "#3e91a8"
},
"secondary": {
"$type": "color",
"$value": "#00748b"
},
"accent": {
"$type": "color",
"$value": "#005964"
},
"highlight": {
"$type": "color",
"$value": "#003740"
},
"text": {
"$type": "color",
"$value": "#010c12"
}
}
}About this palette
Classic Waterworld Archive is a 8-color OKLCH-ready palette tagged blue, cold, ocean, nature, 8 colors. Hex values: #F1FAFD, #AFD4DC, #68B3BC, #3E91A8, #00748B, #005964, #003740, #010C12. 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 Archive by OKLab color distance.