Palette · 10 colors · Lc 8.7
Pure Oasis Circuit palette
Pure Oasis Circuit: a 10-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E4EBED, #AFDBE0, #82CDCB, #50ADB1, #2C94A4, #007784, #005F5E, #004444, #002E32, #001017, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E4EBED
surface
#AFDBE0
muted
#82CDCB
primary
#50ADB1
secondary
#2C94A4
accent
#007784
highlight
#005F5E
border
#004444
focus
#002E32
text
#001017
Colors in Pure Oasis Circuit: HEX, RGB, HSL & OKLCH
- #E4EBED color page →
bg
#E4EBED
- RGB
- rgb(228 235 237)
- HSL
- hsl(193 20% 91%)
- OKLCH
- oklch(0.935 0.008 216.6)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.40:1 (AAA)
- #AFDBE0 color page →
surface
#AFDBE0
- RGB
- rgb(175 219 224)
- HSL
- hsl(186 44% 78%)
- OKLCH
- oklch(0.862 0.046 204.9)
WCAG contrast: on white 1.49:1 (Fail) · on black 14.03:1 (AAA)
- #82CDCB color page →
muted
#82CDCB
- RGB
- rgb(130 205 203)
- HSL
- hsl(178 43% 66%)
- OKLCH
- oklch(0.799 0.075 193.6)
WCAG contrast: on white 1.81:1 (Fail) · on black 11.54:1 (AAA)
- #50ADB1 color page →
primary
#50ADB1
- RGB
- rgb(80 173 177)
- HSL
- hsl(182 38% 50%)
- OKLCH
- oklch(0.693 0.088 199.1)
WCAG contrast: on white 2.64:1 (Fail) · on black 7.95:1 (AAA)
- #2C94A4 color page →
secondary
#2C94A4
- RGB
- rgb(44 148 164)
- HSL
- hsl(188 58% 41%)
- OKLCH
- oklch(0.616 0.094 210)
WCAG contrast: on white 3.57:1 (Fail) · on black 5.87:1 (AA)
- #007784 color page →
accent
#007784
- RGB
- rgb(0 119 132)
- HSL
- hsl(186 100% 26%)
- OKLCH
- oklch(0.521 0.09 208.1)
WCAG contrast: on white 5.28:1 (AA) · on black 3.97:1 (Fail)
- #005F5E color page →
highlight
#005F5E
- RGB
- rgb(0 95 94)
- HSL
- hsl(179 100% 19%)
- OKLCH
- oklch(0.439 0.075 193.5)
WCAG contrast: on white 7.50:1 (AAA) · on black 2.79:1 (Fail)
- #004444 color page →
border
#004444
- RGB
- rgb(0 68 68)
- HSL
- hsl(180 100% 13%)
- OKLCH
- oklch(0.35 0.06 194.8)
WCAG contrast: on white 10.99:1 (AAA) · on black 1.91:1 (Fail)
- #002E32 color page →
focus
#002E32
- RGB
- rgb(0 46 50)
- HSL
- hsl(185 100% 10%)
- OKLCH
- oklch(0.275 0.047 203.9)
WCAG contrast: on white 14.61:1 (AAA) · on black 1.43:1 (Fail)
- #001017 color page →
text
#001017
- RGB
- rgb(0 16 23)
- HSL
- hsl(198 100% 5%)
- OKLCH
- oklch(0.161 0.03 224.2)
WCAG contrast: on white 19.32:1 (AAA) · on black 1.08:1 (Fail)
Export Pure Oasis Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4ebed;
--surface: #afdbe0;
--muted: #82cdcb;
--primary: #50adb1;
--secondary: #2c94a4;
--accent: #007784;
--highlight: #005f5e;
--border: #004444;
--focus: #002e32;
--text: #001017;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4ebed;
--color-surface: #afdbe0;
--color-muted: #82cdcb;
--color-primary: #50adb1;
--color-secondary: #2c94a4;
--color-accent: #007784;
--color-highlight: #005f5e;
--color-border: #004444;
--color-focus: #002e32;
--color-text: #001017;
}JSON (DTCG tokens)
{
"pure-oasis-circuit-5c3": {
"bg": {
"$type": "color",
"$value": "#e4ebed"
},
"surface": {
"$type": "color",
"$value": "#afdbe0"
},
"muted": {
"$type": "color",
"$value": "#82cdcb"
},
"primary": {
"$type": "color",
"$value": "#50adb1"
},
"secondary": {
"$type": "color",
"$value": "#2c94a4"
},
"accent": {
"$type": "color",
"$value": "#007784"
},
"highlight": {
"$type": "color",
"$value": "#005f5e"
},
"border": {
"$type": "color",
"$value": "#004444"
},
"focus": {
"$type": "color",
"$value": "#002e32"
},
"text": {
"$type": "color",
"$value": "#001017"
}
}
}About this palette
Pure Oasis Circuit is a 10-color OKLCH-ready palette tagged blue, cold, ocean, nature, 10 colors. Hex values: #E4EBED, #AFDBE0, #82CDCB, #50ADB1, #2C94A4, #007784, #005F5E, #004444, #002E32, #001017. APCA contrast score Lc 8.7. 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 Circuit by OKLab color distance.