Palette · 10 colors · Lc 9.2
Lovely Little Rosy Bloom palette
Lovely Little Rosy Bloom: a 10-color palette (Orange, Warm, Sunset, 10 Colors). HEX, RGB, HSL and OKLCH for #FFE5DA, #FFC3B2, #FE9C8B, #EE8182, #DC6369, #BC536F, #933B60, #793265, #3C184C, #111131, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE5DA
surface
#FFC3B2
muted
#FE9C8B
primary
#EE8182
secondary
#DC6369
accent
#BC536F
highlight
#933B60
border
#793265
focus
#3C184C
text
#111131
Colors in Lovely Little Rosy Bloom: HEX, RGB, HSL & OKLCH
- #FFE5DA color page →
bg
#FFE5DA
- RGB
- rgb(255 229 218)
- HSL
- hsl(18 100% 93%)
- OKLCH
- oklch(0.94 0.032 44.4)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.47:1 (AAA)
- #FFC3B2 color page →
surface
#FFC3B2
- RGB
- rgb(255 195 178)
- HSL
- hsl(13 100% 85%)
- OKLCH
- oklch(0.867 0.073 36.4)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.70:1 (AAA)
- #FE9C8B color page →
muted
#FE9C8B
- RGB
- rgb(254 156 139)
- HSL
- hsl(9 98% 77%)
- OKLCH
- oklch(0.789 0.121 30.6)
WCAG contrast: on white 2.03:1 (Fail) · on black 10.34:1 (AAA)
- #EE8182 color page →
primary
#EE8182
- RGB
- rgb(238 129 130)
- HSL
- hsl(359 76% 72%)
- OKLCH
- oklch(0.724 0.134 20.3)
WCAG contrast: on white 2.59:1 (Fail) · on black 8.09:1 (AAA)
- #DC6369 color page →
secondary
#DC6369
- RGB
- rgb(220 99 105)
- HSL
- hsl(357 63% 63%)
- OKLCH
- oklch(0.65 0.152 19.3)
WCAG contrast: on white 3.48:1 (Fail) · on black 6.03:1 (AA)
- #BC536F color page →
accent
#BC536F
- RGB
- rgb(188 83 111)
- HSL
- hsl(344 44% 53%)
- OKLCH
- oklch(0.583 0.138 5.7)
WCAG contrast: on white 4.56:1 (AA) · on black 4.60:1 (AA)
- #933B60 color page →
highlight
#933B60
- RGB
- rgb(147 59 96)
- HSL
- hsl(335 43% 40%)
- OKLCH
- oklch(0.483 0.125 356.6)
WCAG contrast: on white 6.91:1 (AA) · on black 3.03:1 (Fail)
- #793265 color page →
border
#793265
- RGB
- rgb(121 50 101)
- HSL
- hsl(317 42% 34%)
- OKLCH
- oklch(0.433 0.118 339.7)
WCAG contrast: on white 8.54:1 (AAA) · on black 2.45:1 (Fail)
- #3C184C color page →
focus
#3C184C
- RGB
- rgb(60 24 76)
- HSL
- hsl(282 52% 20%)
- OKLCH
- oklch(0.289 0.097 313.9)
WCAG contrast: on white 14.71:1 (AAA) · on black 1.42:1 (Fail)
- #111131 color page →
text
#111131
- RGB
- rgb(17 17 49)
- HSL
- hsl(240 48% 13%)
- OKLCH
- oklch(0.2 0.062 279.2)
WCAG contrast: on white 18.28:1 (AAA) · on black 1.14:1 (Fail)
Export Lovely Little Rosy Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe5da;
--surface: #ffc3b2;
--muted: #fe9c8b;
--primary: #ee8182;
--secondary: #dc6369;
--accent: #bc536f;
--highlight: #933b60;
--border: #793265;
--focus: #3c184c;
--text: #111131;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe5da;
--color-surface: #ffc3b2;
--color-muted: #fe9c8b;
--color-primary: #ee8182;
--color-secondary: #dc6369;
--color-accent: #bc536f;
--color-highlight: #933b60;
--color-border: #793265;
--color-focus: #3c184c;
--color-text: #111131;
}JSON (DTCG tokens)
{
"lovely-little-rosy-bloom-4m6": {
"bg": {
"$type": "color",
"$value": "#ffe5da"
},
"surface": {
"$type": "color",
"$value": "#ffc3b2"
},
"muted": {
"$type": "color",
"$value": "#fe9c8b"
},
"primary": {
"$type": "color",
"$value": "#ee8182"
},
"secondary": {
"$type": "color",
"$value": "#dc6369"
},
"accent": {
"$type": "color",
"$value": "#bc536f"
},
"highlight": {
"$type": "color",
"$value": "#933b60"
},
"border": {
"$type": "color",
"$value": "#793265"
},
"focus": {
"$type": "color",
"$value": "#3c184c"
},
"text": {
"$type": "color",
"$value": "#111131"
}
}
}About this palette
Lovely Little Rosy Bloom is a 10-color OKLCH-ready palette tagged orange, warm, sunset, 10 colors. Hex values: #FFE5DA, #FFC3B2, #FE9C8B, #EE8182, #DC6369, #BC536F, #933B60, #793265, #3C184C, #111131. APCA contrast score Lc 9.2. 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 Lovely Little Rosy Bloom by OKLab color distance.