Palette · 5 colors · Lc 9.2
Cinnapink Garden palette
Cinnapink Garden: a 5-color palette (Red, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F5E6E8, #9E6370, #64754B, #3F6486, #1D0A0D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5E6E8
surface
#9E6370
primary
#64754B
accent
#3F6486
text
#1D0A0D
Colors in Cinnapink Garden: HEX, RGB, HSL & OKLCH
- #F5E6E8 color page →
bg
#F5E6E8
- RGB
- rgb(245 230 232)
- HSL
- hsl(352 43% 93%)
- OKLCH
- oklch(0.937 0.017 8.2)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.36:1 (AAA)
- #9E6370 color page →
surface
#9E6370
- RGB
- rgb(158 99 112)
- HSL
- hsl(347 23% 50%)
- OKLCH
- oklch(0.568 0.078 5.5)
WCAG contrast: on white 4.69:1 (AA) · on black 4.47:1 (Fail)
- #64754B color page →
primary
#64754B
- RGB
- rgb(100 117 75)
- HSL
- hsl(84 22% 38%)
- OKLCH
- oklch(0.537 0.065 126.4)
WCAG contrast: on white 5.01:1 (AA) · on black 4.18:1 (Fail)
- #3F6486 color page →
accent
#3F6486
- RGB
- rgb(63 100 134)
- HSL
- hsl(209 36% 39%)
- OKLCH
- oklch(0.49 0.069 247.4)
WCAG contrast: on white 6.21:1 (AA) · on black 3.37:1 (Fail)
- #1D0A0D color page →
text
#1D0A0D
- RGB
- rgb(29 10 13)
- HSL
- hsl(351 49% 8%)
- OKLCH
- oklch(0.176 0.033 11.1)
WCAG contrast: on white 19.06:1 (AAA) · on black 1.10:1 (Fail)
Export Cinnapink Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5e6e8;
--surface: #9e6370;
--primary: #64754b;
--accent: #3f6486;
--text: #1d0a0d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5e6e8;
--color-surface: #9e6370;
--color-primary: #64754b;
--color-accent: #3f6486;
--color-text: #1d0a0d;
}JSON (DTCG tokens)
{
"cinnapink-garden-8o": {
"bg": {
"$type": "color",
"$value": "#f5e6e8"
},
"surface": {
"$type": "color",
"$value": "#9e6370"
},
"primary": {
"$type": "color",
"$value": "#64754b"
},
"accent": {
"$type": "color",
"$value": "#3f6486"
},
"text": {
"$type": "color",
"$value": "#1d0a0d"
}
}
}About this palette
Cinnapink Garden is a 5-color OKLCH-ready palette tagged red, warm, 5 colors. Hex values: #F5E6E8, #9E6370, #64754B, #3F6486, #1D0A0D. 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 Cinnapink Garden by OKLab color distance.