Palette · 10 colors · Lc 8.8
Pure Oasis Quartz palette
Pure Oasis Quartz: a 10-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E3F3F5, #BDE4E9, #81CACB, #4DAFB2, #008D9D, #007185, #00666B, #004A49, #002C31, #00131C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3F3F5
surface
#BDE4E9
muted
#81CACB
primary
#4DAFB2
secondary
#008D9D
accent
#007185
highlight
#00666B
border
#004A49
focus
#002C31
text
#00131C
Colors in Pure Oasis Quartz: HEX, RGB, HSL & OKLCH
- #E3F3F5 color page →
bg
#E3F3F5
- RGB
- rgb(227 243 245)
- HSL
- hsl(187 47% 93%)
- OKLCH
- oklch(0.953 0.017 205.8)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.40:1 (AAA)
- #BDE4E9 color page →
surface
#BDE4E9
- RGB
- rgb(189 228 233)
- HSL
- hsl(187 50% 83%)
- OKLCH
- oklch(0.893 0.041 206)
WCAG contrast: on white 1.36:1 (Fail) · on black 15.43:1 (AAA)
- #81CACB color page →
muted
#81CACB
- RGB
- rgb(129 202 203)
- HSL
- hsl(181 42% 65%)
- OKLCH
- oklch(0.792 0.073 196.9)
WCAG contrast: on white 1.86:1 (Fail) · on black 11.24:1 (AAA)
- #4DAFB2 color page →
primary
#4DAFB2
- RGB
- rgb(77 175 178)
- HSL
- hsl(182 40% 50%)
- OKLCH
- oklch(0.697 0.091 198)
WCAG contrast: on white 2.59:1 (Fail) · on black 8.09:1 (AAA)
- #008D9D color page →
secondary
#008D9D
- RGB
- rgb(0 141 157)
- HSL
- hsl(186 100% 31%)
- OKLCH
- oklch(0.589 0.101 208.8)
WCAG contrast: on white 3.96:1 (Fail) · on black 5.29:1 (AA)
- #007185 color page →
accent
#007185
- RGB
- rgb(0 113 133)
- HSL
- hsl(189 100% 26%)
- OKLCH
- oklch(0.505 0.09 215.7)
WCAG contrast: on white 5.67:1 (AA) · on black 3.70:1 (Fail)
- #00666B color page →
highlight
#00666B
- RGB
- rgb(0 102 107)
- HSL
- hsl(183 100% 21%)
- OKLCH
- oklch(0.464 0.079 200.7)
WCAG contrast: on white 6.74:1 (AA) · on black 3.11:1 (Fail)
- #004A49 color page →
border
#004A49
- RGB
- rgb(0 74 73)
- HSL
- hsl(179 100% 15%)
- OKLCH
- oklch(0.37 0.063 193.2)
WCAG contrast: on white 10.11:1 (AAA) · on black 2.07:1 (Fail)
- #002C31 color page →
focus
#002C31
- RGB
- rgb(0 44 49)
- HSL
- hsl(186 100% 10%)
- OKLCH
- oklch(0.268 0.046 206.5)
WCAG contrast: on white 14.95:1 (AAA) · on black 1.40:1 (Fail)
- #00131C color page →
text
#00131C
- RGB
- rgb(0 19 28)
- HSL
- hsl(199 100% 5%)
- OKLCH
- oklch(0.174 0.034 228.1)
WCAG contrast: on white 18.92:1 (AAA) · on black 1.10:1 (Fail)
Export Pure Oasis Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3f3f5;
--surface: #bde4e9;
--muted: #81cacb;
--primary: #4dafb2;
--secondary: #008d9d;
--accent: #007185;
--highlight: #00666b;
--border: #004a49;
--focus: #002c31;
--text: #00131c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3f3f5;
--color-surface: #bde4e9;
--color-muted: #81cacb;
--color-primary: #4dafb2;
--color-secondary: #008d9d;
--color-accent: #007185;
--color-highlight: #00666b;
--color-border: #004a49;
--color-focus: #002c31;
--color-text: #00131c;
}JSON (DTCG tokens)
{
"pure-oasis-quartz-7e4": {
"bg": {
"$type": "color",
"$value": "#e3f3f5"
},
"surface": {
"$type": "color",
"$value": "#bde4e9"
},
"muted": {
"$type": "color",
"$value": "#81cacb"
},
"primary": {
"$type": "color",
"$value": "#4dafb2"
},
"secondary": {
"$type": "color",
"$value": "#008d9d"
},
"accent": {
"$type": "color",
"$value": "#007185"
},
"highlight": {
"$type": "color",
"$value": "#00666b"
},
"border": {
"$type": "color",
"$value": "#004a49"
},
"focus": {
"$type": "color",
"$value": "#002c31"
},
"text": {
"$type": "color",
"$value": "#00131c"
}
}
}About this palette
Pure Oasis Quartz is a 10-color OKLCH-ready palette tagged blue, cold, ocean, nature, 10 colors. Hex values: #E3F3F5, #BDE4E9, #81CACB, #4DAFB2, #008D9D, #007185, #00666B, #004A49, #002C31, #00131C. APCA contrast score Lc 8.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 Pure Oasis Quartz by OKLab color distance.