Palette · 3 colors · Lc 9.2
True Oasis Harbor palette
True Oasis Harbor: a 3-color palette (Blue, Gray, Cold, UI System). HEX, RGB, HSL and OKLCH for #EEF0F0, #0092A2, #091D1D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEF0F0
accent
#0092A2
text
#091D1D
Colors in True Oasis Harbor: HEX, RGB, HSL & OKLCH
- #EEF0F0 color page →
bg
#EEF0F0
- RGB
- rgb(238 240 240)
- HSL
- hsl(180 6% 94%)
- OKLCH
- oklch(0.954 0.002 197.1)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.35:1 (AAA)
- #0092A2 color page →
accent
#0092A2
- RGB
- rgb(0 146 162)
- HSL
- hsl(186 100% 32%)
- OKLCH
- oklch(0.604 0.104 208.4)
WCAG contrast: on white 3.72:1 (Fail) · on black 5.63:1 (AA)
- #091D1D color page →
text
#091D1D
- RGB
- rgb(9 29 29)
- HSL
- hsl(180 53% 7%)
- OKLCH
- oklch(0.214 0.026 195.4)
WCAG contrast: on white 17.42:1 (AAA) · on black 1.20:1 (Fail)
Export True Oasis Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef0f0;
--accent: #0092a2;
--text: #091d1d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef0f0;
--color-accent: #0092a2;
--color-text: #091d1d;
}JSON (DTCG tokens)
{
"true-oasis-harbor-3s9": {
"bg": {
"$type": "color",
"$value": "#eef0f0"
},
"accent": {
"$type": "color",
"$value": "#0092a2"
},
"text": {
"$type": "color",
"$value": "#091d1d"
}
}
}About this palette
True Oasis Harbor is a 3-color OKLCH-ready palette tagged blue, gray, cold, ui system, 3 colors. Hex values: #EEF0F0, #0092A2, #091D1D. APCA contrast score Lc 9.2. 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 Harbor by OKLab color distance.