Palette · 10 colors · Lc 8.9
Classic Waterfall Ember palette
Classic Waterfall Ember: a 10-color palette (Turquoise, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E6F6F6, #B9DDDA, #8FBFB6, #50B0A6, #309697, #007B80, #006965, #00463E, #002B2D, #000C0F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6F6F6
surface
#B9DDDA
muted
#8FBFB6
primary
#50B0A6
secondary
#309697
accent
#007B80
highlight
#006965
border
#00463E
focus
#002B2D
text
#000C0F
Colors in Classic Waterfall Ember: HEX, RGB, HSL & OKLCH
- #E6F6F6 color page →
bg
#E6F6F6
- RGB
- rgb(230 246 246)
- HSL
- hsl(180 47% 93%)
- OKLCH
- oklch(0.961 0.017 196.9)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.87:1 (AAA)
- #B9DDDA color page →
surface
#B9DDDA
- RGB
- rgb(185 221 218)
- HSL
- hsl(175 35% 80%)
- OKLCH
- oklch(0.871 0.038 190.3)
WCAG contrast: on white 1.45:1 (Fail) · on black 14.41:1 (AAA)
- #8FBFB6 color page →
muted
#8FBFB6
- RGB
- rgb(143 191 182)
- HSL
- hsl(169 27% 65%)
- OKLCH
- oklch(0.768 0.052 182.1)
WCAG contrast: on white 2.03:1 (Fail) · on black 10.29:1 (AAA)
- #50B0A6 color page →
primary
#50B0A6
- RGB
- rgb(80 176 166)
- HSL
- hsl(174 38% 50%)
- OKLCH
- oklch(0.697 0.092 186.1)
WCAG contrast: on white 2.59:1 (Fail) · on black 8.10:1 (AAA)
- #309697 color page →
secondary
#309697
- RGB
- rgb(48 150 151)
- HSL
- hsl(181 52% 39%)
- OKLCH
- oklch(0.617 0.091 196)
WCAG contrast: on white 3.53:1 (Fail) · on black 5.93:1 (AA)
- #007B80 color page →
accent
#007B80
- RGB
- rgb(0 123 128)
- HSL
- hsl(182 100% 25%)
- OKLCH
- oklch(0.53 0.09 199.8)
WCAG contrast: on white 5.06:1 (AA) · on black 4.14:1 (Fail)
- #006965 color page →
highlight
#006965
- RGB
- rgb(0 105 101)
- HSL
- hsl(178 100% 21%)
- OKLCH
- oklch(0.47 0.081 190.2)
WCAG contrast: on white 6.54:1 (AA) · on black 3.20:1 (Fail)
- #00463E color page →
border
#00463E
- RGB
- rgb(0 70 62)
- HSL
- hsl(173 100% 14%)
- OKLCH
- oklch(0.354 0.063 182.1)
WCAG contrast: on white 10.79:1 (AAA) · on black 1.94:1 (Fail)
- #002B2D color page →
focus
#002B2D
- RGB
- rgb(0 43 45)
- HSL
- hsl(183 100% 9%)
- OKLCH
- oklch(0.263 0.045 199.6)
WCAG contrast: on white 15.17:1 (AAA) · on black 1.38:1 (Fail)
- #000C0F color page →
text
#000C0F
- RGB
- rgb(0 12 15)
- HSL
- hsl(192 100% 3%)
- OKLCH
- oklch(0.141 0.024 210.4)
WCAG contrast: on white 19.82:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Waterfall Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6f6f6;
--surface: #b9ddda;
--muted: #8fbfb6;
--primary: #50b0a6;
--secondary: #309697;
--accent: #007b80;
--highlight: #006965;
--border: #00463e;
--focus: #002b2d;
--text: #000c0f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6f6f6;
--color-surface: #b9ddda;
--color-muted: #8fbfb6;
--color-primary: #50b0a6;
--color-secondary: #309697;
--color-accent: #007b80;
--color-highlight: #006965;
--color-border: #00463e;
--color-focus: #002b2d;
--color-text: #000c0f;
}JSON (DTCG tokens)
{
"classic-waterfall-ember-4cm": {
"bg": {
"$type": "color",
"$value": "#e6f6f6"
},
"surface": {
"$type": "color",
"$value": "#b9ddda"
},
"muted": {
"$type": "color",
"$value": "#8fbfb6"
},
"primary": {
"$type": "color",
"$value": "#50b0a6"
},
"secondary": {
"$type": "color",
"$value": "#309697"
},
"accent": {
"$type": "color",
"$value": "#007b80"
},
"highlight": {
"$type": "color",
"$value": "#006965"
},
"border": {
"$type": "color",
"$value": "#00463e"
},
"focus": {
"$type": "color",
"$value": "#002b2d"
},
"text": {
"$type": "color",
"$value": "#000c0f"
}
}
}About this palette
Classic Waterfall Ember is a 10-color OKLCH-ready palette tagged turquoise, cold, ocean, nature, 10 colors. Hex values: #E6F6F6, #B9DDDA, #8FBFB6, #50B0A6, #309697, #007B80, #006965, #00463E, #002B2D, #000C0F. APCA contrast score Lc 8.9. 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 Waterfall Ember by OKLab color distance.