Palette · 4 colors · Lc 9.1
Quiet Mulberry Ember palette
Quiet Mulberry Ember: a 4-color palette (Red, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #FBF1F4, #E07AA8, #8B1154, #22161B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FBF1F4
surface
#E07AA8
accent
#8B1154
text
#22161B
Colors in Quiet Mulberry Ember: HEX, RGB, HSL & OKLCH
- #FBF1F4 color page →
bg
#FBF1F4
- RGB
- rgb(251 241 244)
- HSL
- hsl(342 56% 96%)
- OKLCH
- oklch(0.967 0.011 357)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.99:1 (AAA)
- #E07AA8 color page →
surface
#E07AA8
- RGB
- rgb(224 122 168)
- HSL
- hsl(333 62% 68%)
- OKLCH
- oklch(0.706 0.136 352.7)
WCAG contrast: on white 2.79:1 (Fail) · on black 7.51:1 (AAA)
- #8B1154 color page →
accent
#8B1154
- RGB
- rgb(139 17 84)
- HSL
- hsl(327 78% 31%)
- OKLCH
- oklch(0.424 0.163 354.1)
WCAG contrast: on white 9.10:1 (AAA) · on black 2.30:1 (Fail)
- #22161B color page →
text
#22161B
- RGB
- rgb(34 22 27)
- HSL
- hsl(335 21% 11%)
- OKLCH
- oklch(0.218 0.021 352.3)
WCAG contrast: on white 17.52:1 (AAA) · on black 1.19:1 (Fail)
Export Quiet Mulberry Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbf1f4;
--surface: #e07aa8;
--accent: #8b1154;
--text: #22161b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbf1f4;
--color-surface: #e07aa8;
--color-accent: #8b1154;
--color-text: #22161b;
}JSON (DTCG tokens)
{
"quiet-mulberry-ember-5xd": {
"bg": {
"$type": "color",
"$value": "#fbf1f4"
},
"surface": {
"$type": "color",
"$value": "#e07aa8"
},
"accent": {
"$type": "color",
"$value": "#8b1154"
},
"text": {
"$type": "color",
"$value": "#22161b"
}
}
}About this palette
Quiet Mulberry Ember is a 4-color OKLCH-ready palette tagged red, warm, 4 colors. Hex values: #FBF1F4, #E07AA8, #8B1154, #22161B. 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 Quiet Mulberry Ember by OKLab color distance.