Palette · 5 colors · Lc 8.7
Plum Passion Harbor palette
Plum Passion Harbor: a 5-color palette (Red, Warm, Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #F4EAF0, #CA97C9, #A3427C, #621E38, #17050F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4EAF0
surface
#CA97C9
primary
#A3427C
accent
#621E38
text
#17050F
Colors in Plum Passion Harbor: HEX, RGB, HSL & OKLCH
- #F4EAF0 color page →
bg
#F4EAF0
- RGB
- rgb(244 234 240)
- HSL
- hsl(324 31% 94%)
- OKLCH
- oklch(0.947 0.013 340.6)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.87:1 (AAA)
- #CA97C9 color page →
surface
#CA97C9
- RGB
- rgb(202 151 201)
- HSL
- hsl(301 32% 69%)
- OKLCH
- oklch(0.741 0.091 327.1)
WCAG contrast: on white 2.39:1 (Fail) · on black 8.78:1 (AAA)
- #A3427C color page →
primary
#A3427C
- RGB
- rgb(163 66 124)
- HSL
- hsl(324 42% 45%)
- OKLCH
- oklch(0.527 0.144 346.3)
WCAG contrast: on white 5.78:1 (AA) · on black 3.62:1 (Fail)
- #621E38 color page →
accent
#621E38
- RGB
- rgb(98 30 56)
- HSL
- hsl(337 53% 25%)
- OKLCH
- oklch(0.35 0.101 0.2)
WCAG contrast: on white 11.91:1 (AAA) · on black 1.76:1 (Fail)
- #17050F color page →
text
#17050F
- RGB
- rgb(23 5 15)
- HSL
- hsl(327 64% 5%)
- OKLCH
- oklch(0.153 0.039 346.8)
WCAG contrast: on white 19.71:1 (AAA) · on black 1.06:1 (Fail)
Export Plum Passion Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4eaf0;
--surface: #ca97c9;
--primary: #a3427c;
--accent: #621e38;
--text: #17050f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4eaf0;
--color-surface: #ca97c9;
--color-primary: #a3427c;
--color-accent: #621e38;
--color-text: #17050f;
}JSON (DTCG tokens)
{
"plum-passion-harbor-2a0": {
"bg": {
"$type": "color",
"$value": "#f4eaf0"
},
"surface": {
"$type": "color",
"$value": "#ca97c9"
},
"primary": {
"$type": "color",
"$value": "#a3427c"
},
"accent": {
"$type": "color",
"$value": "#621e38"
},
"text": {
"$type": "color",
"$value": "#17050f"
}
}
}About this palette
Plum Passion Harbor is a 5-color OKLCH-ready palette tagged red, warm, pink, 5 colors. Hex values: #F4EAF0, #CA97C9, #A3427C, #621E38, #17050F. APCA contrast score Lc 8.7. 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 Plum Passion Harbor by OKLab color distance.