Palette · 4 colors · Lc 9.8
Steady Oasis Canvas palette
Steady Oasis Canvas: a 4-color palette (Blue, Gray, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #E1F8F9, #00909A, #00363A, #090F0F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1F8F9
surface
#00909A
accent
#00363A
text
#090F0F
Colors in Steady Oasis Canvas: HEX, RGB, HSL & OKLCH
- #E1F8F9 color page →
bg
#E1F8F9
- RGB
- rgb(225 248 249)
- HSL
- hsl(183 67% 93%)
- OKLCH
- oklch(0.963 0.024 199.9)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.99:1 (AAA)
- #00909A color page →
surface
#00909A
- RGB
- rgb(0 144 154)
- HSL
- hsl(184 100% 30%)
- OKLCH
- oklch(0.595 0.101 203.5)
WCAG contrast: on white 3.84:1 (Fail) · on black 5.45:1 (AA)
- #00363A color page →
accent
#00363A
- RGB
- rgb(0 54 58)
- HSL
- hsl(184 100% 11%)
- OKLCH
- oklch(0.303 0.052 202.8)
WCAG contrast: on white 13.21:1 (AAA) · on black 1.58:1 (Fail)
- #090F0F color page →
text
#090F0F
- RGB
- rgb(9 15 15)
- HSL
- hsl(180 25% 5%)
- OKLCH
- oklch(0.162 0.009 196.3)
WCAG contrast: on white 19.32:1 (AAA) · on black 1.08:1 (Fail)
Export Steady Oasis Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1f8f9;
--surface: #00909a;
--accent: #00363a;
--text: #090f0f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1f8f9;
--color-surface: #00909a;
--color-accent: #00363a;
--color-text: #090f0f;
}JSON (DTCG tokens)
{
"steady-oasis-canvas-1pw": {
"bg": {
"$type": "color",
"$value": "#e1f8f9"
},
"surface": {
"$type": "color",
"$value": "#00909a"
},
"accent": {
"$type": "color",
"$value": "#00363a"
},
"text": {
"$type": "color",
"$value": "#090f0f"
}
}
}About this palette
Steady Oasis Canvas is a 4-color OKLCH-ready palette tagged blue, gray, cold, 4 colors. Hex values: #E1F8F9, #00909A, #00363A, #090F0F. APCA contrast score Lc 9.8. 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 Steady Oasis Canvas by OKLab color distance.