Palette · 8 colors · Lc 7.8
Oasis Quartz palette
Oasis Quartz: a 8-color palette (Blue, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #CEE7EB, #9FD6DA, #47BFC5, #009CAC, #007AA2, #005D84, #003757, #001C24, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#CEE7EB
surface
#9FD6DA
muted
#47BFC5
primary
#009CAC
secondary
#007AA2
accent
#005D84
highlight
#003757
text
#001C24
Colors in Oasis Quartz: HEX, RGB, HSL & OKLCH
- #CEE7EB color page →
bg
#CEE7EB
- RGB
- rgb(206 231 235)
- HSL
- hsl(188 42% 86%)
- OKLCH
- oklch(0.911 0.027 208.3)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.25:1 (AAA)
- #9FD6DA color page →
surface
#9FD6DA
- RGB
- rgb(159 214 218)
- HSL
- hsl(184 44% 74%)
- OKLCH
- oklch(0.84 0.057 201.7)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.10:1 (AAA)
- #47BFC5 color page →
muted
#47BFC5
- RGB
- rgb(71 191 197)
- HSL
- hsl(183 52% 53%)
- OKLCH
- oklch(0.741 0.105 199.8)
WCAG contrast: on white 2.20:1 (Fail) · on black 9.52:1 (AAA)
- #009CAC color page →
primary
#009CAC
- RGB
- rgb(0 156 172)
- HSL
- hsl(186 100% 34%)
- OKLCH
- oklch(0.633 0.109 207.6)
WCAG contrast: on white 3.30:1 (Fail) · on black 6.35:1 (AA)
- #007AA2 color page →
secondary
#007AA2
- RGB
- rgb(0 122 162)
- HSL
- hsl(195 100% 32%)
- OKLCH
- oklch(0.543 0.108 230.1)
WCAG contrast: on white 4.87:1 (AA) · on black 4.30:1 (Fail)
- #005D84 color page →
accent
#005D84
- RGB
- rgb(0 93 132)
- HSL
- hsl(198 100% 26%)
- OKLCH
- oklch(0.452 0.097 235.8)
WCAG contrast: on white 7.24:1 (AAA) · on black 2.89:1 (Fail)
- #003757 color page →
highlight
#003757
- RGB
- rgb(0 55 87)
- HSL
- hsl(202 100% 17%)
- OKLCH
- oklch(0.323 0.077 242.1)
WCAG contrast: on white 12.46:1 (AAA) · on black 1.68:1 (Fail)
- #001C24 color page →
text
#001C24
- RGB
- rgb(0 28 36)
- HSL
- hsl(193 100% 7%)
- OKLCH
- oklch(0.209 0.038 219.5)
WCAG contrast: on white 17.62:1 (AAA) · on black 1.19:1 (Fail)
Export Oasis Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #cee7eb;
--surface: #9fd6da;
--muted: #47bfc5;
--primary: #009cac;
--secondary: #007aa2;
--accent: #005d84;
--highlight: #003757;
--text: #001c24;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #cee7eb;
--color-surface: #9fd6da;
--color-muted: #47bfc5;
--color-primary: #009cac;
--color-secondary: #007aa2;
--color-accent: #005d84;
--color-highlight: #003757;
--color-text: #001c24;
}JSON (DTCG tokens)
{
"oasis-quartz-6uy": {
"bg": {
"$type": "color",
"$value": "#cee7eb"
},
"surface": {
"$type": "color",
"$value": "#9fd6da"
},
"muted": {
"$type": "color",
"$value": "#47bfc5"
},
"primary": {
"$type": "color",
"$value": "#009cac"
},
"secondary": {
"$type": "color",
"$value": "#007aa2"
},
"accent": {
"$type": "color",
"$value": "#005d84"
},
"highlight": {
"$type": "color",
"$value": "#003757"
},
"text": {
"$type": "color",
"$value": "#001c24"
}
}
}About this palette
Oasis Quartz is a 8-color OKLCH-ready palette tagged blue, cold, 8 colors. Hex values: #CEE7EB, #9FD6DA, #47BFC5, #009CAC, #007AA2, #005D84, #003757, #001C24. APCA contrast score Lc 7.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 Oasis Quartz by OKLab color distance.