Palette · 8 colors · Lc 10
True Waterworld Canvas palette
True Waterworld Canvas: a 8-color palette (Blue, Gray, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #050809, #00242E, #004A59, #046A83, #4A8F9F, #7EB0BC, #AECDD0, #EDF9FC, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#050809
surface
#00242E
muted
#004A59
primary
#046A83
secondary
#4A8F9F
accent
#7EB0BC
highlight
#AECDD0
text
#EDF9FC
Colors in True Waterworld Canvas: HEX, RGB, HSL & OKLCH
- #050809 color page →
bg
#050809
- RGB
- rgb(5 8 9)
- HSL
- hsl(195 29% 3%)
- OKLCH
- oklch(0.131 0.007 216.8)
WCAG contrast: on white 20.09:1 (AAA) · on black 1.04:1 (Fail)
- #00242E color page →
surface
#00242E
- RGB
- rgb(0 36 46)
- HSL
- hsl(193 100% 9%)
- OKLCH
- oklch(0.241 0.044 220.6)
WCAG contrast: on white 16.25:1 (AAA) · on black 1.29:1 (Fail)
- #004A59 color page →
muted
#004A59
- RGB
- rgb(0 74 89)
- HSL
- hsl(190 100% 17%)
- OKLCH
- oklch(0.377 0.067 217.2)
WCAG contrast: on white 9.88:1 (AAA) · on black 2.12:1 (Fail)
- #046A83 color page →
primary
#046A83
- RGB
- rgb(4 106 131)
- HSL
- hsl(192 94% 26%)
- OKLCH
- oklch(0.486 0.089 221.8)
WCAG contrast: on white 6.18:1 (AA) · on black 3.39:1 (Fail)
- #4A8F9F color page →
secondary
#4A8F9F
- RGB
- rgb(74 143 159)
- HSL
- hsl(191 36% 46%)
- OKLCH
- oklch(0.611 0.074 214.7)
WCAG contrast: on white 3.67:1 (Fail) · on black 5.72:1 (AA)
- #7EB0BC color page →
accent
#7EB0BC
- RGB
- rgb(126 176 188)
- HSL
- hsl(192 32% 62%)
- OKLCH
- oklch(0.726 0.056 214.2)
WCAG contrast: on white 2.38:1 (Fail) · on black 8.82:1 (AAA)
- #AECDD0 color page →
highlight
#AECDD0
- RGB
- rgb(174 205 208)
- HSL
- hsl(185 27% 75%)
- OKLCH
- oklch(0.826 0.033 203.7)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.44:1 (AAA)
- #EDF9FC color page →
text
#EDF9FC
- RGB
- rgb(237 249 252)
- HSL
- hsl(192 71% 96%)
- OKLCH
- oklch(0.974 0.013 214.4)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.55:1 (AAA)
Export True Waterworld Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #050809;
--surface: #00242e;
--muted: #004a59;
--primary: #046a83;
--secondary: #4a8f9f;
--accent: #7eb0bc;
--highlight: #aecdd0;
--text: #edf9fc;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #050809;
--color-surface: #00242e;
--color-muted: #004a59;
--color-primary: #046a83;
--color-secondary: #4a8f9f;
--color-accent: #7eb0bc;
--color-highlight: #aecdd0;
--color-text: #edf9fc;
}JSON (DTCG tokens)
{
"true-waterworld-canvas-1yk": {
"bg": {
"$type": "color",
"$value": "#050809"
},
"surface": {
"$type": "color",
"$value": "#00242e"
},
"muted": {
"$type": "color",
"$value": "#004a59"
},
"primary": {
"$type": "color",
"$value": "#046a83"
},
"secondary": {
"$type": "color",
"$value": "#4a8f9f"
},
"accent": {
"$type": "color",
"$value": "#7eb0bc"
},
"highlight": {
"$type": "color",
"$value": "#aecdd0"
},
"text": {
"$type": "color",
"$value": "#edf9fc"
}
}
}About this palette
True Waterworld Canvas is a 8-color OKLCH-ready palette tagged blue, gray, cold, 8 colors. Hex values: #050809, #00242E, #004A59, #046A83, #4A8F9F, #7EB0BC, #AECDD0, #EDF9FC. 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 True Waterworld Canvas by OKLab color distance.