Palette · 10 colors · Lc 8
True Cinnapink Harbor palette
True Cinnapink Harbor: a 10-color palette (Red, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #EAE2EA, #BFA5C3, #916D97, #A75A6D, #905933, #6C6F30, #3D785C, #256573, #2E3450, #170A18, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EAE2EA
surface
#BFA5C3
muted
#916D97
primary
#A75A6D
secondary
#905933
accent
#6C6F30
highlight
#3D785C
border
#256573
focus
#2E3450
text
#170A18
Colors in True Cinnapink Harbor: HEX, RGB, HSL & OKLCH
- #EAE2EA color page →
bg
#EAE2EA
- RGB
- rgb(234 226 234)
- HSL
- hsl(300 16% 90%)
- OKLCH
- oklch(0.921 0.014 325.7)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.56:1 (AAA)
- #BFA5C3 color page →
surface
#BFA5C3
- RGB
- rgb(191 165 195)
- HSL
- hsl(292 20% 71%)
- OKLCH
- oklch(0.754 0.051 321.8)
WCAG contrast: on white 2.23:1 (Fail) · on black 9.38:1 (AAA)
- #916D97 color page →
muted
#916D97
- RGB
- rgb(145 109 151)
- HSL
- hsl(291 17% 51%)
- OKLCH
- oklch(0.585 0.075 321.6)
WCAG contrast: on white 4.34:1 (Fail) · on black 4.83:1 (AA)
- #A75A6D color page →
primary
#A75A6D
- RGB
- rgb(167 90 109)
- HSL
- hsl(345 30% 50%)
- OKLCH
- oklch(0.563 0.103 5.1)
WCAG contrast: on white 4.85:1 (AA) · on black 4.32:1 (Fail)
- #905933 color page →
secondary
#905933
- RGB
- rgb(144 89 51)
- HSL
- hsl(25 48% 38%)
- OKLCH
- oklch(0.518 0.09 54)
WCAG contrast: on white 5.73:1 (AA) · on black 3.66:1 (Fail)
- #6C6F30 color page →
accent
#6C6F30
- RGB
- rgb(108 111 48)
- HSL
- hsl(63 40% 31%)
- OKLCH
- oklch(0.525 0.086 111.5)
WCAG contrast: on white 5.31:1 (AA) · on black 3.95:1 (Fail)
- #3D785C color page →
highlight
#3D785C
- RGB
- rgb(61 120 92)
- HSL
- hsl(152 33% 35%)
- OKLCH
- oklch(0.524 0.077 161.5)
WCAG contrast: on white 5.19:1 (AA) · on black 4.03:1 (Fail)
- #256573 color page →
border
#256573
- RGB
- rgb(37 101 115)
- HSL
- hsl(191 51% 30%)
- OKLCH
- oklch(0.472 0.068 214.8)
WCAG contrast: on white 6.58:1 (AA) · on black 3.18:1 (Fail)
- #2E3450 color page →
focus
#2E3450
- RGB
- rgb(46 52 80)
- HSL
- hsl(229 27% 25%)
- OKLCH
- oklch(0.333 0.05 274.1)
WCAG contrast: on white 12.18:1 (AAA) · on black 1.72:1 (Fail)
- #170A18 color page →
text
#170A18
- RGB
- rgb(23 10 24)
- HSL
- hsl(296 41% 7%)
- OKLCH
- oklch(0.171 0.035 324.4)
WCAG contrast: on white 19.21:1 (AAA) · on black 1.09:1 (Fail)
Export True Cinnapink Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eae2ea;
--surface: #bfa5c3;
--muted: #916d97;
--primary: #a75a6d;
--secondary: #905933;
--accent: #6c6f30;
--highlight: #3d785c;
--border: #256573;
--focus: #2e3450;
--text: #170a18;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eae2ea;
--color-surface: #bfa5c3;
--color-muted: #916d97;
--color-primary: #a75a6d;
--color-secondary: #905933;
--color-accent: #6c6f30;
--color-highlight: #3d785c;
--color-border: #256573;
--color-focus: #2e3450;
--color-text: #170a18;
}JSON (DTCG tokens)
{
"true-cinnapink-harbor-2lo": {
"bg": {
"$type": "color",
"$value": "#eae2ea"
},
"surface": {
"$type": "color",
"$value": "#bfa5c3"
},
"muted": {
"$type": "color",
"$value": "#916d97"
},
"primary": {
"$type": "color",
"$value": "#a75a6d"
},
"secondary": {
"$type": "color",
"$value": "#905933"
},
"accent": {
"$type": "color",
"$value": "#6c6f30"
},
"highlight": {
"$type": "color",
"$value": "#3d785c"
},
"border": {
"$type": "color",
"$value": "#256573"
},
"focus": {
"$type": "color",
"$value": "#2e3450"
},
"text": {
"$type": "color",
"$value": "#170a18"
}
}
}About this palette
True Cinnapink Harbor is a 10-color OKLCH-ready palette tagged red, warm, 10 colors. Hex values: #EAE2EA, #BFA5C3, #916D97, #A75A6D, #905933, #6C6F30, #3D785C, #256573, #2E3450, #170A18. APCA contrast score Lc 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 Harbor by OKLab color distance.