Palette · 7 colors · Lc 8.8
Self-Love Ember palette
Self-Love Ember: a 7-color palette (Red, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #F9EBEE, #FFADD2, #E76CAD, #CF296C, #A70042, #6D0426, #2C0415, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9EBEE
surface
#FFADD2
muted
#E76CAD
primary
#CF296C
secondary
#A70042
accent
#6D0426
text
#2C0415
Colors in Self-Love Ember: HEX, RGB, HSL & OKLCH
- #F9EBEE color page →
bg
#F9EBEE
- RGB
- rgb(249 235 238)
- HSL
- hsl(347 54% 95%)
- OKLCH
- oklch(0.952 0.016 2.7)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.14:1 (AAA)
- #FFADD2 color page →
surface
#FFADD2
- RGB
- rgb(255 173 210)
- HSL
- hsl(333 100% 84%)
- OKLCH
- oklch(0.837 0.106 351)
WCAG contrast: on white 1.72:1 (Fail) · on black 12.16:1 (AAA)
- #E76CAD color page →
muted
#E76CAD
- RGB
- rgb(231 108 173)
- HSL
- hsl(328 72% 66%)
- OKLCH
- oklch(0.697 0.168 349.4)
WCAG contrast: on white 2.93:1 (Fail) · on black 7.14:1 (AAA)
- #CF296C color page →
primary
#CF296C
- RGB
- rgb(207 41 108)
- HSL
- hsl(336 67% 49%)
- OKLCH
- oklch(0.569 0.204 2.7)
WCAG contrast: on white 5.01:1 (AA) · on black 4.18:1 (Fail)
- #A70042 color page →
secondary
#A70042
- RGB
- rgb(167 0 66)
- HSL
- hsl(336 100% 33%)
- OKLCH
- oklch(0.466 0.186 9.6)
WCAG contrast: on white 7.71:1 (AAA) · on black 2.72:1 (Fail)
- #6D0426 color page →
accent
#6D0426
- RGB
- rgb(109 4 38)
- HSL
- hsl(341 93% 22%)
- OKLCH
- oklch(0.344 0.134 11.9)
WCAG contrast: on white 12.38:1 (AAA) · on black 1.69:1 (Fail)
- #2C0415 color page →
text
#2C0415
- RGB
- rgb(44 4 21)
- HSL
- hsl(335 83% 9%)
- OKLCH
- oklch(0.198 0.069 358.8)
WCAG contrast: on white 18.49:1 (AAA) · on black 1.13:1 (Fail)
Export Self-Love Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9ebee;
--surface: #ffadd2;
--muted: #e76cad;
--primary: #cf296c;
--secondary: #a70042;
--accent: #6d0426;
--text: #2c0415;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9ebee;
--color-surface: #ffadd2;
--color-muted: #e76cad;
--color-primary: #cf296c;
--color-secondary: #a70042;
--color-accent: #6d0426;
--color-text: #2c0415;
}JSON (DTCG tokens)
{
"self-love-ember-4ue": {
"bg": {
"$type": "color",
"$value": "#f9ebee"
},
"surface": {
"$type": "color",
"$value": "#ffadd2"
},
"muted": {
"$type": "color",
"$value": "#e76cad"
},
"primary": {
"$type": "color",
"$value": "#cf296c"
},
"secondary": {
"$type": "color",
"$value": "#a70042"
},
"accent": {
"$type": "color",
"$value": "#6d0426"
},
"text": {
"$type": "color",
"$value": "#2c0415"
}
}
}About this palette
Self-Love Ember is a 7-color OKLCH-ready palette tagged red, warm, 7 colors. Hex values: #F9EBEE, #FFADD2, #E76CAD, #CF296C, #A70042, #6D0426, #2C0415. APCA contrast score Lc 8.8. 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 Self-Love Ember by OKLab color distance.