Palette · 5 colors · Lc 8.6
Plushy Pink Ember palette
Plushy Pink Ember: a 5-color palette (Orange, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #F7EEEE, #FDD4D4, #F1B9A9, #DBB4C2, #432726, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7EEEE
surface
#FDD4D4
primary
#F1B9A9
accent
#DBB4C2
text
#432726
Colors in Plushy Pink Ember: HEX, RGB, HSL & OKLCH
- #F7EEEE color page →
bg
#F7EEEE
- RGB
- rgb(247 238 238)
- HSL
- hsl(0 36% 95%)
- OKLCH
- oklch(0.956 0.01 17.3)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.41:1 (AAA)
- #FDD4D4 color page →
surface
#FDD4D4
- RGB
- rgb(253 212 212)
- HSL
- hsl(0 91% 91%)
- OKLCH
- oklch(0.905 0.046 18)
WCAG contrast: on white 1.35:1 (Fail) · on black 15.54:1 (AAA)
- #F1B9A9 color page →
primary
#F1B9A9
- RGB
- rgb(241 185 169)
- HSL
- hsl(13 72% 80%)
- OKLCH
- oklch(0.832 0.069 36.5)
WCAG contrast: on white 1.71:1 (Fail) · on black 12.25:1 (AAA)
- #DBB4C2 color page →
accent
#DBB4C2
- RGB
- rgb(219 180 194)
- HSL
- hsl(338 35% 78%)
- OKLCH
- oklch(0.808 0.049 354.7)
WCAG contrast: on white 1.85:1 (Fail) · on black 11.31:1 (AAA)
- #432726 color page →
text
#432726
- RGB
- rgb(67 39 38)
- HSL
- hsl(2 28% 21%)
- OKLCH
- oklch(0.308 0.043 22)
WCAG contrast: on white 13.48:1 (AAA) · on black 1.55:1 (Fail)
Export Plushy Pink Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7eeee;
--surface: #fdd4d4;
--primary: #f1b9a9;
--accent: #dbb4c2;
--text: #432726;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7eeee;
--color-surface: #fdd4d4;
--color-primary: #f1b9a9;
--color-accent: #dbb4c2;
--color-text: #432726;
}JSON (DTCG tokens)
{
"plushy-pink-ember-3v7": {
"bg": {
"$type": "color",
"$value": "#f7eeee"
},
"surface": {
"$type": "color",
"$value": "#fdd4d4"
},
"primary": {
"$type": "color",
"$value": "#f1b9a9"
},
"accent": {
"$type": "color",
"$value": "#dbb4c2"
},
"text": {
"$type": "color",
"$value": "#432726"
}
}
}About this palette
Plushy Pink Ember is a 5-color OKLCH-ready palette tagged orange, gray, warm, pastel, 5 colors. Hex values: #F7EEEE, #FDD4D4, #F1B9A9, #DBB4C2, #432726. APCA contrast score Lc 8.6. 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 Plushy Pink Ember by OKLab color distance.