Palette · 5 colors · Lc 8.9
Mauve It Bloom palette
Mauve It Bloom: a 5-color palette (Red, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FAE6E8, #C0395F, #457E1B, #1663AF, #180D0F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAE6E8
surface
#C0395F
primary
#457E1B
accent
#1663AF
text
#180D0F
Colors in Mauve It Bloom: HEX, RGB, HSL & OKLCH
- #FAE6E8 color page →
bg
#FAE6E8
- RGB
- rgb(250 230 232)
- HSL
- hsl(354 67% 94%)
- OKLCH
- oklch(0.942 0.022 10.6)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.54:1 (AAA)
- #C0395F color page →
surface
#C0395F
- RGB
- rgb(192 57 95)
- HSL
- hsl(343 54% 49%)
- OKLCH
- oklch(0.553 0.172 8)
WCAG contrast: on white 5.26:1 (AA) · on black 3.99:1 (Fail)
- #457E1B color page →
primary
#457E1B
- RGB
- rgb(69 126 27)
- HSL
- hsl(95 65% 30%)
- OKLCH
- oklch(0.534 0.142 135.2)
WCAG contrast: on white 4.93:1 (AA) · on black 4.25:1 (Fail)
- #1663AF color page →
accent
#1663AF
- RGB
- rgb(22 99 175)
- HSL
- hsl(210 78% 39%)
- OKLCH
- oklch(0.497 0.14 252.9)
WCAG contrast: on white 6.10:1 (AA) · on black 3.43:1 (Fail)
- #180D0F color page →
text
#180D0F
- RGB
- rgb(24 13 15)
- HSL
- hsl(349 30% 7%)
- OKLCH
- oklch(0.175 0.019 7.3)
WCAG contrast: on white 19.03:1 (AAA) · on black 1.10:1 (Fail)
Export Mauve It Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fae6e8;
--surface: #c0395f;
--primary: #457e1b;
--accent: #1663af;
--text: #180d0f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fae6e8;
--color-surface: #c0395f;
--color-primary: #457e1b;
--color-accent: #1663af;
--color-text: #180d0f;
}JSON (DTCG tokens)
{
"mauve-it-bloom-at": {
"bg": {
"$type": "color",
"$value": "#fae6e8"
},
"surface": {
"$type": "color",
"$value": "#c0395f"
},
"primary": {
"$type": "color",
"$value": "#457e1b"
},
"accent": {
"$type": "color",
"$value": "#1663af"
},
"text": {
"$type": "color",
"$value": "#180d0f"
}
}
}About this palette
Mauve It Bloom is a 5-color OKLCH-ready palette tagged red, warm, 5 colors. Hex values: #FAE6E8, #C0395F, #457E1B, #1663AF, #180D0F. 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 Mauve It Bloom by OKLab color distance.