Palette · 5 colors · Lc 8.9
Classic Smooch Rouge Bloom palette
Classic Smooch Rouge Bloom: a 5-color palette (Trending, Orange, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F9E3E1, #D33D4B, #007F58, #006AA8, #20100F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9E3E1
surface
#D33D4B
primary
#007F58
accent
#006AA8
text
#20100F
Colors in Classic Smooch Rouge Bloom: HEX, RGB, HSL & OKLCH
- #F9E3E1 color page →
bg
#F9E3E1
- RGB
- rgb(249 227 225)
- HSL
- hsl(5 67% 93%)
- OKLCH
- oklch(0.933 0.024 23.9)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.10:1 (AAA)
- #D33D4B color page →
surface
#D33D4B
- RGB
- rgb(211 61 75)
- HSL
- hsl(354 63% 53%)
- OKLCH
- oklch(0.584 0.186 20.1)
WCAG contrast: on white 4.62:1 (AA) · on black 4.53:1 (AA)
- #007F58 color page →
primary
#007F58
- RGB
- rgb(0 127 88)
- HSL
- hsl(162 100% 25%)
- OKLCH
- oklch(0.528 0.114 163.2)
WCAG contrast: on white 5.02:1 (AA) · on black 4.17:1 (Fail)
- #006AA8 color page →
accent
#006AA8
- RGB
- rgb(0 106 168)
- HSL
- hsl(202 100% 33%)
- OKLCH
- oklch(0.506 0.127 244.9)
WCAG contrast: on white 5.78:1 (AA) · on black 3.62:1 (Fail)
- #20100F color page →
text
#20100F
- RGB
- rgb(32 16 15)
- HSL
- hsl(4 36% 9%)
- OKLCH
- oklch(0.196 0.027 23.7)
WCAG contrast: on white 18.38:1 (AAA) · on black 1.14:1 (Fail)
Export Classic Smooch Rouge Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9e3e1;
--surface: #d33d4b;
--primary: #007f58;
--accent: #006aa8;
--text: #20100f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9e3e1;
--color-surface: #d33d4b;
--color-primary: #007f58;
--color-accent: #006aa8;
--color-text: #20100f;
}JSON (DTCG tokens)
{
"classic-smooch-rouge-bloom-1hv": {
"bg": {
"$type": "color",
"$value": "#f9e3e1"
},
"surface": {
"$type": "color",
"$value": "#d33d4b"
},
"primary": {
"$type": "color",
"$value": "#007f58"
},
"accent": {
"$type": "color",
"$value": "#006aa8"
},
"text": {
"$type": "color",
"$value": "#20100f"
}
}
}About this palette
Classic Smooch Rouge Bloom is a 5-color OKLCH-ready palette tagged trending, orange, warm, 5 colors. Hex values: #F9E3E1, #D33D4B, #007F58, #006AA8, #20100F. APCA contrast score Lc 8.9. 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 Smooch Rouge Bloom by OKLab color distance.