Palette · 9 colors · Lc 8.6
True Oasis Cascade palette
True Oasis Cascade: a 9-color palette (Trending, Blue, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #D8F2F4, #A3D2CF, #79C9B6, #49A39F, #0092A4, #006F83, #004C6F, #003643, #001F24, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D8F2F4
surface
#A3D2CF
muted
#79C9B6
primary
#49A39F
secondary
#0092A4
accent
#006F83
highlight
#004C6F
border
#003643
text
#001F24
Colors in True Oasis Cascade: HEX, RGB, HSL & OKLCH
- #D8F2F4 color page →
bg
#D8F2F4
- RGB
- rgb(216 242 244)
- HSL
- hsl(184 56% 90%)
- OKLCH
- oklch(0.943 0.027 202.3)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.92:1 (AAA)
- #A3D2CF color page →
surface
#A3D2CF
- RGB
- rgb(163 210 207)
- HSL
- hsl(176 34% 73%)
- OKLCH
- oklch(0.83 0.049 191.4)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.67:1 (AAA)
- #79C9B6 color page →
muted
#79C9B6
- RGB
- rgb(121 201 182)
- HSL
- hsl(166 43% 63%)
- OKLCH
- oklch(0.779 0.084 177.1)
WCAG contrast: on white 1.93:1 (Fail) · on black 10.84:1 (AAA)
- #49A39F color page →
primary
#49A39F
- RGB
- rgb(73 163 159)
- HSL
- hsl(177 38% 46%)
- OKLCH
- oklch(0.66 0.086 191.3)
WCAG contrast: on white 2.99:1 (Fail) · on black 7.02:1 (AAA)
- #0092A4 color page →
secondary
#0092A4
- RGB
- rgb(0 146 164)
- HSL
- hsl(187 100% 32%)
- OKLCH
- oklch(0.605 0.105 210)
WCAG contrast: on white 3.71:1 (Fail) · on black 5.64:1 (AA)
- #006F83 color page →
accent
#006F83
- RGB
- rgb(0 111 131)
- HSL
- hsl(189 100% 26%)
- OKLCH
- oklch(0.499 0.089 216)
WCAG contrast: on white 5.83:1 (AA) · on black 3.60:1 (Fail)
- #004C6F color page →
highlight
#004C6F
- RGB
- rgb(0 76 111)
- HSL
- hsl(199 100% 22%)
- OKLCH
- oklch(0.395 0.087 237.5)
WCAG contrast: on white 9.27:1 (AAA) · on black 2.26:1 (Fail)
- #003643 color page →
border
#003643
- RGB
- rgb(0 54 67)
- HSL
- hsl(192 100% 13%)
- OKLCH
- oklch(0.308 0.056 219.6)
WCAG contrast: on white 13.05:1 (AAA) · on black 1.60:1 (Fail)
- #001F24 color page →
text
#001F24
- RGB
- rgb(0 31 36)
- HSL
- hsl(188 100% 7%)
- OKLCH
- oklch(0.219 0.038 209.8)
WCAG contrast: on white 17.19:1 (AAA) · on black 1.22:1 (Fail)
Export True Oasis Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8f2f4;
--surface: #a3d2cf;
--muted: #79c9b6;
--primary: #49a39f;
--secondary: #0092a4;
--accent: #006f83;
--highlight: #004c6f;
--border: #003643;
--text: #001f24;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8f2f4;
--color-surface: #a3d2cf;
--color-muted: #79c9b6;
--color-primary: #49a39f;
--color-secondary: #0092a4;
--color-accent: #006f83;
--color-highlight: #004c6f;
--color-border: #003643;
--color-text: #001f24;
}JSON (DTCG tokens)
{
"true-oasis-cascade-7ol": {
"bg": {
"$type": "color",
"$value": "#d8f2f4"
},
"surface": {
"$type": "color",
"$value": "#a3d2cf"
},
"muted": {
"$type": "color",
"$value": "#79c9b6"
},
"primary": {
"$type": "color",
"$value": "#49a39f"
},
"secondary": {
"$type": "color",
"$value": "#0092a4"
},
"accent": {
"$type": "color",
"$value": "#006f83"
},
"highlight": {
"$type": "color",
"$value": "#004c6f"
},
"border": {
"$type": "color",
"$value": "#003643"
},
"text": {
"$type": "color",
"$value": "#001f24"
}
}
}About this palette
True Oasis Cascade is a 9-color OKLCH-ready palette tagged trending, blue, cold, 9 colors. Hex values: #D8F2F4, #A3D2CF, #79C9B6, #49A39F, #0092A4, #006F83, #004C6F, #003643, #001F24. APCA contrast score Lc 8.6. 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 Oasis Cascade by OKLab color distance.