Palette · 5 colors · Lc 7.6
Cinnapink System palette
Cinnapink System: a 5-color palette (Red, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FCD4D7, #CF9FA7, #A0606A, #5B2C2F, #180406, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCD4D7
surface
#CF9FA7
primary
#A0606A
accent
#5B2C2F
text
#180406
Colors in Cinnapink System: HEX, RGB, HSL & OKLCH
- #FCD4D7 color page →
bg
#FCD4D7
- RGB
- rgb(252 212 215)
- HSL
- hsl(356 87% 91%)
- OKLCH
- oklch(0.905 0.045 12.9)
WCAG contrast: on white 1.35:1 (Fail) · on black 15.53:1 (AAA)
- #CF9FA7 color page →
surface
#CF9FA7
- RGB
- rgb(207 159 167)
- HSL
- hsl(350 33% 72%)
- OKLCH
- oklch(0.749 0.058 7.4)
WCAG contrast: on white 2.28:1 (Fail) · on black 9.17:1 (AAA)
- #A0606A color page →
primary
#A0606A
- RGB
- rgb(160 96 106)
- HSL
- hsl(351 25% 50%)
- OKLCH
- oklch(0.563 0.084 10)
WCAG contrast: on white 4.79:1 (AA) · on black 4.37:1 (Fail)
- #5B2C2F color page →
accent
#5B2C2F
- RGB
- rgb(91 44 47)
- HSL
- hsl(356 35% 26%)
- OKLCH
- oklch(0.357 0.069 17.2)
WCAG contrast: on white 11.37:1 (AAA) · on black 1.84:1 (Fail)
- #180406 color page →
text
#180406
- RGB
- rgb(24 4 6)
- HSL
- hsl(354 71% 5%)
- OKLCH
- oklch(0.148 0.039 14.8)
WCAG contrast: on white 19.83:1 (AAA) · on black 1.05:1 (Fail)
Export Cinnapink System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcd4d7;
--surface: #cf9fa7;
--primary: #a0606a;
--accent: #5b2c2f;
--text: #180406;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcd4d7;
--color-surface: #cf9fa7;
--color-primary: #a0606a;
--color-accent: #5b2c2f;
--color-text: #180406;
}JSON (DTCG tokens)
{
"cinnapink-system-5f3": {
"bg": {
"$type": "color",
"$value": "#fcd4d7"
},
"surface": {
"$type": "color",
"$value": "#cf9fa7"
},
"primary": {
"$type": "color",
"$value": "#a0606a"
},
"accent": {
"$type": "color",
"$value": "#5b2c2f"
},
"text": {
"$type": "color",
"$value": "#180406"
}
}
}About this palette
Cinnapink System is a 5-color OKLCH-ready palette tagged red, warm, 5 colors. Hex values: #FCD4D7, #CF9FA7, #A0606A, #5B2C2F, #180406. APCA contrast score Lc 7.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 Cinnapink System by OKLab color distance.