Palette · 3 colors · Lc 9.2
Classic Wintermint Garden palette
Classic Wintermint Garden: a 3-color palette (Turquoise, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #F4FAF5, #9DD3BB, #24382B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4FAF5
accent
#9DD3BB
text
#24382B
Colors in Classic Wintermint Garden: HEX, RGB, HSL & OKLCH
- #F4FAF5 color page →
bg
#F4FAF5
- RGB
- rgb(244 250 245)
- HSL
- hsl(130 37% 97%)
- OKLCH
- oklch(0.979 0.009 150.7)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.83:1 (AAA)
- #9DD3BB color page →
accent
#9DD3BB
- RGB
- rgb(157 211 187)
- HSL
- hsl(153 38% 72%)
- OKLCH
- oklch(0.823 0.065 165.7)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.46:1 (AAA)
- #24382B color page →
text
#24382B
- RGB
- rgb(36 56 43)
- HSL
- hsl(141 22% 18%)
- OKLCH
- oklch(0.319 0.035 155.4)
WCAG contrast: on white 12.53:1 (AAA) · on black 1.67:1 (Fail)
Export Classic Wintermint Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4faf5;
--accent: #9dd3bb;
--text: #24382b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4faf5;
--color-accent: #9dd3bb;
--color-text: #24382b;
}JSON (DTCG tokens)
{
"classic-wintermint-garden-262": {
"bg": {
"$type": "color",
"$value": "#f4faf5"
},
"accent": {
"$type": "color",
"$value": "#9dd3bb"
},
"text": {
"$type": "color",
"$value": "#24382b"
}
}
}About this palette
Classic Wintermint Garden is a 3-color OKLCH-ready palette tagged turquoise, gray, cold, pastel, 3 colors. Hex values: #F4FAF5, #9DD3BB, #24382B. APCA contrast score Lc 9.2. 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 Wintermint Garden by OKLab color distance.