Palette · 10 colors · Lc 8.3
Classic Mint Fog palette
Classic Mint Fog: a 10-color palette (Turquoise, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #D6E4E2, #9FD9C8, #5FCAA7, #00B68F, #009C92, #008C92, #00688A, #004B6D, #00343B, #001D1D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D6E4E2
surface
#9FD9C8
muted
#5FCAA7
primary
#00B68F
secondary
#009C92
accent
#008C92
highlight
#00688A
border
#004B6D
focus
#00343B
text
#001D1D
Colors in Classic Mint Fog: HEX, RGB, HSL & OKLCH
- #D6E4E2 color page →
bg
#D6E4E2
- RGB
- rgb(214 228 226)
- HSL
- hsl(171 21% 87%)
- OKLCH
- oklch(0.908 0.015 186.7)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.05:1 (AAA)
- #9FD9C8 color page →
surface
#9FD9C8
- RGB
- rgb(159 217 200)
- HSL
- hsl(162 43% 74%)
- OKLCH
- oklch(0.841 0.064 174.6)
WCAG contrast: on white 1.58:1 (Fail) · on black 13.23:1 (AAA)
- #5FCAA7 color page →
muted
#5FCAA7
- RGB
- rgb(95 202 167)
- HSL
- hsl(160 50% 58%)
- OKLCH
- oklch(0.766 0.112 169.3)
WCAG contrast: on white 2.00:1 (Fail) · on black 10.49:1 (AAA)
- #00B68F color page →
primary
#00B68F
- RGB
- rgb(0 182 143)
- HSL
- hsl(167 100% 36%)
- OKLCH
- oklch(0.691 0.136 170.3)
WCAG contrast: on white 2.59:1 (Fail) · on black 8.08:1 (AAA)
- #009C92 color page →
secondary
#009C92
- RGB
- rgb(0 156 146)
- HSL
- hsl(176 100% 31%)
- OKLCH
- oklch(0.624 0.109 186.8)
WCAG contrast: on white 3.40:1 (Fail) · on black 6.17:1 (AA)
- #008C92 color page →
accent
#008C92
- RGB
- rgb(0 140 146)
- HSL
- hsl(182 100% 29%)
- OKLCH
- oklch(0.582 0.099 200.1)
WCAG contrast: on white 4.06:1 (Fail) · on black 5.16:1 (AA)
- #00688A color page →
highlight
#00688A
- RGB
- rgb(0 104 138)
- HSL
- hsl(195 100% 27%)
- OKLCH
- oklch(0.484 0.096 229.5)
WCAG contrast: on white 6.27:1 (AA) · on black 3.34:1 (Fail)
- #004B6D color page →
border
#004B6D
- RGB
- rgb(0 75 109)
- HSL
- hsl(199 100% 21%)
- OKLCH
- oklch(0.391 0.085 237)
WCAG contrast: on white 9.42:1 (AAA) · on black 2.22:1 (Fail)
- #00343B color page →
focus
#00343B
- RGB
- rgb(0 52 59)
- HSL
- hsl(187 100% 12%)
- OKLCH
- oklch(0.298 0.051 209.2)
WCAG contrast: on white 13.51:1 (AAA) · on black 1.55:1 (Fail)
- #001D1D color page →
text
#001D1D
- RGB
- rgb(0 29 29)
- HSL
- hsl(180 100% 6%)
- OKLCH
- oklch(0.209 0.036 194.8)
WCAG contrast: on white 17.59:1 (AAA) · on black 1.19:1 (Fail)
Export Classic Mint Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d6e4e2;
--surface: #9fd9c8;
--muted: #5fcaa7;
--primary: #00b68f;
--secondary: #009c92;
--accent: #008c92;
--highlight: #00688a;
--border: #004b6d;
--focus: #00343b;
--text: #001d1d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d6e4e2;
--color-surface: #9fd9c8;
--color-muted: #5fcaa7;
--color-primary: #00b68f;
--color-secondary: #009c92;
--color-accent: #008c92;
--color-highlight: #00688a;
--color-border: #004b6d;
--color-focus: #00343b;
--color-text: #001d1d;
}JSON (DTCG tokens)
{
"classic-mint-fog-76e": {
"bg": {
"$type": "color",
"$value": "#d6e4e2"
},
"surface": {
"$type": "color",
"$value": "#9fd9c8"
},
"muted": {
"$type": "color",
"$value": "#5fcaa7"
},
"primary": {
"$type": "color",
"$value": "#00b68f"
},
"secondary": {
"$type": "color",
"$value": "#009c92"
},
"accent": {
"$type": "color",
"$value": "#008c92"
},
"highlight": {
"$type": "color",
"$value": "#00688a"
},
"border": {
"$type": "color",
"$value": "#004b6d"
},
"focus": {
"$type": "color",
"$value": "#00343b"
},
"text": {
"$type": "color",
"$value": "#001d1d"
}
}
}About this palette
Classic Mint Fog is a 10-color OKLCH-ready palette tagged turquoise, cold, 10 colors. Hex values: #D6E4E2, #9FD9C8, #5FCAA7, #00B68F, #009C92, #008C92, #00688A, #004B6D, #00343B, #001D1D. APCA contrast score Lc 8.3. 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 Classic Mint Fog by OKLab color distance.