Palette · 7 colors · Lc 10
Cinnapink Bloom palette
Cinnapink Bloom: a 7-color palette (Orange, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #FFF3F6, #EBB7BC, #CF8A97, #A66064, #69353A, #402020, #0E0606, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF3F6
surface
#EBB7BC
muted
#CF8A97
primary
#A66064
secondary
#69353A
accent
#402020
text
#0E0606
Colors in Cinnapink Bloom: HEX, RGB, HSL & OKLCH
- #FFF3F6 color page →
bg
#FFF3F6
- RGB
- rgb(255 243 246)
- HSL
- hsl(345 100% 98%)
- OKLCH
- oklch(0.974 0.013 0.3)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.40:1 (AAA)
- #EBB7BC color page →
surface
#EBB7BC
- RGB
- rgb(235 183 188)
- HSL
- hsl(354 57% 82%)
- OKLCH
- oklch(0.828 0.061 12)
WCAG contrast: on white 1.74:1 (Fail) · on black 12.03:1 (AAA)
- #CF8A97 color page →
muted
#CF8A97
- RGB
- rgb(207 138 151)
- HSL
- hsl(349 42% 68%)
- OKLCH
- oklch(0.707 0.086 7.1)
WCAG contrast: on white 2.71:1 (Fail) · on black 7.73:1 (AAA)
- #A66064 color page →
primary
#A66064
- RGB
- rgb(166 96 100)
- HSL
- hsl(357 28% 51%)
- OKLCH
- oklch(0.569 0.091 16.7)
WCAG contrast: on white 4.68:1 (AA) · on black 4.47:1 (Fail)
- #69353A color page →
secondary
#69353A
- RGB
- rgb(105 53 58)
- HSL
- hsl(354 33% 31%)
- OKLCH
- oklch(0.397 0.074 14.9)
WCAG contrast: on white 9.67:1 (AAA) · on black 2.17:1 (Fail)
- #402020 color page →
accent
#402020
- RGB
- rgb(64 32 32)
- HSL
- hsl(0 33% 19%)
- OKLCH
- oklch(0.287 0.05 20.6)
WCAG contrast: on white 14.52:1 (AAA) · on black 1.44:1 (Fail)
- #0E0606 color page →
text
#0E0606
- RGB
- rgb(14 6 6)
- HSL
- hsl(0 40% 4%)
- OKLCH
- oklch(0.135 0.016 19.4)
WCAG contrast: on white 20.05:1 (AAA) · on black 1.04:1 (Fail)
Export Cinnapink Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff3f6;
--surface: #ebb7bc;
--muted: #cf8a97;
--primary: #a66064;
--secondary: #69353a;
--accent: #402020;
--text: #0e0606;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff3f6;
--color-surface: #ebb7bc;
--color-muted: #cf8a97;
--color-primary: #a66064;
--color-secondary: #69353a;
--color-accent: #402020;
--color-text: #0e0606;
}JSON (DTCG tokens)
{
"cinnapink-bloom-3qe": {
"bg": {
"$type": "color",
"$value": "#fff3f6"
},
"surface": {
"$type": "color",
"$value": "#ebb7bc"
},
"muted": {
"$type": "color",
"$value": "#cf8a97"
},
"primary": {
"$type": "color",
"$value": "#a66064"
},
"secondary": {
"$type": "color",
"$value": "#69353a"
},
"accent": {
"$type": "color",
"$value": "#402020"
},
"text": {
"$type": "color",
"$value": "#0e0606"
}
}
}About this palette
Cinnapink Bloom is a 7-color OKLCH-ready palette tagged orange, warm, 7 colors. Hex values: #FFF3F6, #EBB7BC, #CF8A97, #A66064, #69353A, #402020, #0E0606. APCA contrast score Lc 10. 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 Cinnapink Bloom by OKLab color distance.