Palette · 4 colors · Lc 10
True Oasis Noir palette
True Oasis Noir: a 4-color palette (Blue, Gray, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #E4FCFA, #00929D, #023032, #010A0A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E4FCFA
surface
#00929D
accent
#023032
text
#010A0A
Colors in True Oasis Noir: HEX, RGB, HSL & OKLCH
- #E4FCFA color page →
bg
#E4FCFA
- RGB
- rgb(228 252 250)
- HSL
- hsl(175 80% 94%)
- OKLCH
- oklch(0.973 0.025 190.7)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.60:1 (AAA)
- #00929D color page →
surface
#00929D
- RGB
- rgb(0 146 157)
- HSL
- hsl(184 100% 31%)
- OKLCH
- oklch(0.602 0.103 204.2)
WCAG contrast: on white 3.75:1 (Fail) · on black 5.59:1 (AA)
- #023032 color page →
accent
#023032
- RGB
- rgb(2 48 50)
- HSL
- hsl(183 92% 10%)
- OKLCH
- oklch(0.282 0.046 199.4)
WCAG contrast: on white 14.27:1 (AAA) · on black 1.47:1 (Fail)
- #010A0A color page →
text
#010A0A
- RGB
- rgb(1 10 10)
- HSL
- hsl(180 82% 2%)
- OKLCH
- oklch(0.133 0.02 195.1)
WCAG contrast: on white 20.01:1 (AAA) · on black 1.04:1 (Fail)
Export True Oasis Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4fcfa;
--surface: #00929d;
--accent: #023032;
--text: #010a0a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4fcfa;
--color-surface: #00929d;
--color-accent: #023032;
--color-text: #010a0a;
}JSON (DTCG tokens)
{
"true-oasis-noir-4u4": {
"bg": {
"$type": "color",
"$value": "#e4fcfa"
},
"surface": {
"$type": "color",
"$value": "#00929d"
},
"accent": {
"$type": "color",
"$value": "#023032"
},
"text": {
"$type": "color",
"$value": "#010a0a"
}
}
}About this palette
True Oasis Noir is a 4-color OKLCH-ready palette tagged blue, gray, cold, 4 colors. Hex values: #E4FCFA, #00929D, #023032, #010A0A. 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 Oasis Noir by OKLab color distance.