Palette · 3 colors · Lc 8.3
Classic Cinnapink Quartz palette
Classic Cinnapink Quartz: a 3-color palette (Red, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #F1DEE1, #A85C6C, #291119, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1DEE1
accent
#A85C6C
text
#291119
Colors in Classic Cinnapink Quartz: HEX, RGB, HSL & OKLCH
- #F1DEE1 color page →
bg
#F1DEE1
- RGB
- rgb(241 222 225)
- HSL
- hsl(351 40% 91%)
- OKLCH
- oklch(0.917 0.021 6.6)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.27:1 (AAA)
- #A85C6C color page →
accent
#A85C6C
- RGB
- rgb(168 92 108)
- HSL
- hsl(347 30% 51%)
- OKLCH
- oklch(0.567 0.1 7.3)
WCAG contrast: on white 4.75:1 (AA) · on black 4.41:1 (Fail)
- #291119 color page →
text
#291119
- RGB
- rgb(41 17 25)
- HSL
- hsl(340 41% 11%)
- OKLCH
- oklch(0.217 0.041 359.9)
WCAG contrast: on white 17.66:1 (AAA) · on black 1.18:1 (Fail)
Export Classic Cinnapink Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1dee1;
--accent: #a85c6c;
--text: #291119;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1dee1;
--color-accent: #a85c6c;
--color-text: #291119;
}JSON (DTCG tokens)
{
"classic-cinnapink-quartz-37d": {
"bg": {
"$type": "color",
"$value": "#f1dee1"
},
"accent": {
"$type": "color",
"$value": "#a85c6c"
},
"text": {
"$type": "color",
"$value": "#291119"
}
}
}About this palette
Classic Cinnapink Quartz is a 3-color OKLCH-ready palette tagged red, warm, 3 colors. Hex values: #F1DEE1, #A85C6C, #291119. APCA contrast score Lc 8.3. 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 Classic Cinnapink Quartz by OKLab color distance.