Palette · 4 colors · Lc 8.1
Powder Blush Bloom palette
Powder Blush Bloom: a 4-color palette (Orange, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #FFE0DA, #D99084, #7B473E, #180E0D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE0DA
surface
#D99084
accent
#7B473E
text
#180E0D
Colors in Powder Blush Bloom: HEX, RGB, HSL & OKLCH
- #FFE0DA color page →
bg
#FFE0DA
- RGB
- rgb(255 224 218)
- HSL
- hsl(10 100% 93%)
- OKLCH
- oklch(0.931 0.035 30.7)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.92:1 (AAA)
- #D99084 color page →
surface
#D99084
- RGB
- rgb(217 144 132)
- HSL
- hsl(8 53% 68%)
- OKLCH
- oklch(0.724 0.091 29.7)
WCAG contrast: on white 2.53:1 (Fail) · on black 8.27:1 (AAA)
- #7B473E color page →
accent
#7B473E
- RGB
- rgb(123 71 62)
- HSL
- hsl(9 33% 36%)
- OKLCH
- oklch(0.457 0.073 30.6)
WCAG contrast: on white 7.46:1 (AAA) · on black 2.81:1 (Fail)
- #180E0D color page →
text
#180E0D
- RGB
- rgb(24 14 13)
- HSL
- hsl(5 30% 7%)
- OKLCH
- oklch(0.177 0.017 25.4)
WCAG contrast: on white 18.96:1 (AAA) · on black 1.10:1 (Fail)
Export Powder Blush Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe0da;
--surface: #d99084;
--accent: #7b473e;
--text: #180e0d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe0da;
--color-surface: #d99084;
--color-accent: #7b473e;
--color-text: #180e0d;
}JSON (DTCG tokens)
{
"powder-blush-bloom-3ex": {
"bg": {
"$type": "color",
"$value": "#ffe0da"
},
"surface": {
"$type": "color",
"$value": "#d99084"
},
"accent": {
"$type": "color",
"$value": "#7b473e"
},
"text": {
"$type": "color",
"$value": "#180e0d"
}
}
}About this palette
Powder Blush Bloom is a 4-color OKLCH-ready palette tagged orange, warm, 4 colors. Hex values: #FFE0DA, #D99084, #7B473E, #180E0D. APCA contrast score Lc 8.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 Powder Blush Bloom by OKLab color distance.