Palette · 5 colors · Lc 7.8
True Cinnapink Canvas palette
True Cinnapink Canvas: a 5-color palette (Trending, Red, Gray, Warm). HEX, RGB, HSL and OKLCH for #F2DFE0, #996A6F, #446D6E, #5C5B74, #140607, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2DFE0
surface
#996A6F
primary
#446D6E
accent
#5C5B74
text
#140607
Colors in True Cinnapink Canvas: HEX, RGB, HSL & OKLCH
- #F2DFE0 color page →
bg
#F2DFE0
- RGB
- rgb(242 223 224)
- HSL
- hsl(357 42% 91%)
- OKLCH
- oklch(0.919 0.021 13.9)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.40:1 (AAA)
- #996A6F color page →
surface
#996A6F
- RGB
- rgb(153 106 111)
- HSL
- hsl(354 19% 51%)
- OKLCH
- oklch(0.574 0.061 12.1)
WCAG contrast: on white 4.52:1 (AA) · on black 4.64:1 (AA)
- #446D6E color page →
primary
#446D6E
- RGB
- rgb(68 109 110)
- HSL
- hsl(181 24% 35%)
- OKLCH
- oklch(0.505 0.046 197.8)
WCAG contrast: on white 5.74:1 (AA) · on black 3.65:1 (Fail)
- #5C5B74 color page →
accent
#5C5B74
- RGB
- rgb(92 91 116)
- HSL
- hsl(242 12% 41%)
- OKLCH
- oklch(0.482 0.04 286.6)
WCAG contrast: on white 6.55:1 (AA) · on black 3.20:1 (Fail)
- #140607 color page →
text
#140607
- RGB
- rgb(20 6 7)
- HSL
- hsl(356 54% 5%)
- OKLCH
- oklch(0.147 0.027 15.3)
WCAG contrast: on white 19.83:1 (AAA) · on black 1.05:1 (Fail)
Export True Cinnapink Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2dfe0;
--surface: #996a6f;
--primary: #446d6e;
--accent: #5c5b74;
--text: #140607;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2dfe0;
--color-surface: #996a6f;
--color-primary: #446d6e;
--color-accent: #5c5b74;
--color-text: #140607;
}JSON (DTCG tokens)
{
"true-cinnapink-canvas-1": {
"bg": {
"$type": "color",
"$value": "#f2dfe0"
},
"surface": {
"$type": "color",
"$value": "#996a6f"
},
"primary": {
"$type": "color",
"$value": "#446d6e"
},
"accent": {
"$type": "color",
"$value": "#5c5b74"
},
"text": {
"$type": "color",
"$value": "#140607"
}
}
}About this palette
True Cinnapink Canvas is a 5-color OKLCH-ready palette tagged trending, red, gray, warm, 5 colors. Hex values: #F2DFE0, #996A6F, #446D6E, #5C5B74, #140607. APCA contrast score Lc 7.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 True Cinnapink Canvas by OKLab color distance.