Palette · 9 colors · Lc 9.1
Airy Pristine Oceanic Ember palette
Airy Pristine Oceanic Ember: a 9-color palette (Turquoise, Cold, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #001211, #00231C, #004541, #00675E, #009083, #00A99B, #23CABC, #9EDFD3, #D1F8F4, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Turquoise
- Cold
- Monochromatic
- 9 Colors
bg
#001211
surface
#00231C
muted
#004541
primary
#00675E
secondary
#009083
accent
#00A99B
highlight
#23CABC
border
#9EDFD3
text
#D1F8F4
Colors in Airy Pristine Oceanic Ember: HEX, RGB, HSL & OKLCH
- #001211 color page →
bg
#001211
- RGB
- rgb(0 18 17)
- HSL
- hsl(177 100% 4%)
- OKLCH
- oklch(0.164 0.028 190.5)
WCAG contrast: on white 19.18:1 (AAA) · on black 1.09:1 (Fail)
- #00231C color page →
surface
#00231C
- RGB
- rgb(0 35 28)
- HSL
- hsl(168 100% 7%)
- OKLCH
- oklch(0.229 0.043 176.4)
WCAG contrast: on white 16.70:1 (AAA) · on black 1.25:1 (Fail)
- #004541 color page →
muted
#004541
- RGB
- rgb(0 69 65)
- HSL
- hsl(177 100% 14%)
- OKLCH
- oklch(0.352 0.061 188.2)
WCAG contrast: on white 10.89:1 (AAA) · on black 1.92:1 (Fail)
- #00675E color page →
primary
#00675E
- RGB
- rgb(0 103 94)
- HSL
- hsl(175 100% 20%)
- OKLCH
- oklch(0.462 0.082 184.5)
WCAG contrast: on white 6.77:1 (AA) · on black 3.10:1 (Fail)
- #009083 color page →
secondary
#009083
- RGB
- rgb(0 144 131)
- HSL
- hsl(175 100% 28%)
- OKLCH
- oklch(0.587 0.104 183.8)
WCAG contrast: on white 3.94:1 (Fail) · on black 5.31:1 (AA)
- #00A99B color page →
accent
#00A99B
- RGB
- rgb(0 169 155)
- HSL
- hsl(175 100% 33%)
- OKLCH
- oklch(0.66 0.117 184.5)
WCAG contrast: on white 2.93:1 (Fail) · on black 7.14:1 (AAA)
- #23CABC color page →
highlight
#23CABC
- RGB
- rgb(35 202 188)
- HSL
- hsl(175 70% 46%)
- OKLCH
- oklch(0.758 0.128 185.8)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.24:1 (AAA)
- #9EDFD3 color page →
border
#9EDFD3
- RGB
- rgb(158 223 211)
- HSL
- hsl(169 50% 75%)
- OKLCH
- oklch(0.857 0.068 181.9)
WCAG contrast: on white 1.50:1 (Fail) · on black 13.94:1 (AAA)
- #D1F8F4 color page →
text
#D1F8F4
- RGB
- rgb(209 248 244)
- HSL
- hsl(174 74% 90%)
- OKLCH
- oklch(0.95 0.041 188.9)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.44:1 (AAA)
Export Airy Pristine Oceanic Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #001211;
--surface: #00231c;
--muted: #004541;
--primary: #00675e;
--secondary: #009083;
--accent: #00a99b;
--highlight: #23cabc;
--border: #9edfd3;
--text: #d1f8f4;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #001211;
--color-surface: #00231c;
--color-muted: #004541;
--color-primary: #00675e;
--color-secondary: #009083;
--color-accent: #00a99b;
--color-highlight: #23cabc;
--color-border: #9edfd3;
--color-text: #d1f8f4;
}JSON (DTCG tokens)
{
"airy-pristine-oceanic-ember-6yd": {
"bg": {
"$type": "color",
"$value": "#001211"
},
"surface": {
"$type": "color",
"$value": "#00231c"
},
"muted": {
"$type": "color",
"$value": "#004541"
},
"primary": {
"$type": "color",
"$value": "#00675e"
},
"secondary": {
"$type": "color",
"$value": "#009083"
},
"accent": {
"$type": "color",
"$value": "#00a99b"
},
"highlight": {
"$type": "color",
"$value": "#23cabc"
},
"border": {
"$type": "color",
"$value": "#9edfd3"
},
"text": {
"$type": "color",
"$value": "#d1f8f4"
}
}
}About this palette
Airy Pristine Oceanic Ember is a 9-color OKLCH-ready palette tagged turquoise, cold, monochromatic, 9 colors. Hex values: #001211, #00231C, #004541, #00675E, #009083, #00A99B, #23CABC, #9EDFD3, #D1F8F4. APCA contrast score Lc 9.1. 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 Airy Pristine Oceanic Ember by OKLab color distance.