Palette · 8 colors · Lc 9
Prunella Harbor palette
Prunella Harbor: a 8-color palette (Red, Pink, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #FBEAFC, #D7B7E6, #A784C3, #9158A8, #834089, #632155, #3B1537, #0F0610, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FBEAFC
surface
#D7B7E6
muted
#A784C3
primary
#9158A8
secondary
#834089
accent
#632155
highlight
#3B1537
text
#0F0610
Colors in Prunella Harbor: HEX, RGB, HSL & OKLCH
- #FBEAFC color page →
bg
#FBEAFC
- RGB
- rgb(251 234 252)
- HSL
- hsl(297 75% 95%)
- OKLCH
- oklch(0.956 0.03 324.1)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.27:1 (AAA)
- #D7B7E6 color page →
surface
#D7B7E6
- RGB
- rgb(215 183 230)
- HSL
- hsl(281 48% 81%)
- OKLCH
- oklch(0.822 0.073 315)
WCAG contrast: on white 1.77:1 (Fail) · on black 11.80:1 (AAA)
- #A784C3 color page →
muted
#A784C3
- RGB
- rgb(167 132 195)
- HSL
- hsl(273 34% 64%)
- OKLCH
- oklch(0.669 0.099 309.3)
WCAG contrast: on white 3.11:1 (Fail) · on black 6.73:1 (AA)
- #9158A8 color page →
primary
#9158A8
- RGB
- rgb(145 88 168)
- HSL
- hsl(283 31% 50%)
- OKLCH
- oklch(0.556 0.134 315.6)
WCAG contrast: on white 5.04:1 (AA) · on black 4.16:1 (Fail)
- #834089 color page →
secondary
#834089
- RGB
- rgb(131 64 137)
- HSL
- hsl(295 36% 39%)
- OKLCH
- oklch(0.485 0.134 324.2)
WCAG contrast: on white 6.86:1 (AA) · on black 3.05:1 (Fail)
- #632155 color page →
accent
#632155
- RGB
- rgb(99 33 85)
- HSL
- hsl(313 50% 26%)
- OKLCH
- oklch(0.368 0.116 337)
WCAG contrast: on white 11.17:1 (AAA) · on black 1.87:1 (Fail)
- #3B1537 color page →
highlight
#3B1537
- RGB
- rgb(59 21 55)
- HSL
- hsl(306 48% 16%)
- OKLCH
- oklch(0.269 0.078 331.7)
WCAG contrast: on white 15.57:1 (AAA) · on black 1.34:1 (Fail)
- #0F0610 color page →
text
#0F0610
- RGB
- rgb(15 6 16)
- HSL
- hsl(294 45% 4%)
- OKLCH
- oklch(0.142 0.027 323.5)
WCAG contrast: on white 19.92:1 (AAA) · on black 1.05:1 (Fail)
Export Prunella Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbeafc;
--surface: #d7b7e6;
--muted: #a784c3;
--primary: #9158a8;
--secondary: #834089;
--accent: #632155;
--highlight: #3b1537;
--text: #0f0610;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbeafc;
--color-surface: #d7b7e6;
--color-muted: #a784c3;
--color-primary: #9158a8;
--color-secondary: #834089;
--color-accent: #632155;
--color-highlight: #3b1537;
--color-text: #0f0610;
}JSON (DTCG tokens)
{
"prunella-harbor-3pf": {
"bg": {
"$type": "color",
"$value": "#fbeafc"
},
"surface": {
"$type": "color",
"$value": "#d7b7e6"
},
"muted": {
"$type": "color",
"$value": "#a784c3"
},
"primary": {
"$type": "color",
"$value": "#9158a8"
},
"secondary": {
"$type": "color",
"$value": "#834089"
},
"accent": {
"$type": "color",
"$value": "#632155"
},
"highlight": {
"$type": "color",
"$value": "#3b1537"
},
"text": {
"$type": "color",
"$value": "#0f0610"
}
}
}About this palette
Prunella Harbor is a 8-color OKLCH-ready palette tagged red, pink, warm, 8 colors. Hex values: #FBEAFC, #D7B7E6, #A784C3, #9158A8, #834089, #632155, #3B1537, #0F0610. APCA contrast score Lc 9. 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 Prunella Harbor by OKLab color distance.