Palette · 10 colors · Lc 9.8
Prunella Bloom palette
Prunella Bloom: a 10-color palette (Red, Warm, Pink, 10 Colors). HEX, RGB, HSL and OKLCH for #FBEBF9, #E1C3E3, #C99DDB, #AD7BBB, #995598, #894282, #6B2C59, #581639, #2E0B26, #150815, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FBEBF9
surface
#E1C3E3
muted
#C99DDB
primary
#AD7BBB
secondary
#995598
accent
#894282
highlight
#6B2C59
border
#581639
focus
#2E0B26
text
#150815
Colors in Prunella Bloom: HEX, RGB, HSL & OKLCH
- #FBEBF9 color page →
bg
#FBEBF9
- RGB
- rgb(251 235 249)
- HSL
- hsl(308 67% 95%)
- OKLCH
- oklch(0.957 0.025 329.7)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.35:1 (AAA)
- #E1C3E3 color page →
surface
#E1C3E3
- RGB
- rgb(225 195 227)
- HSL
- hsl(296 36% 83%)
- OKLCH
- oklch(0.852 0.054 324.1)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.11:1 (AAA)
- #C99DDB color page →
muted
#C99DDB
- RGB
- rgb(201 157 219)
- HSL
- hsl(283 46% 74%)
- OKLCH
- oklch(0.758 0.099 315.9)
WCAG contrast: on white 2.25:1 (Fail) · on black 9.32:1 (AAA)
- #AD7BBB color page →
primary
#AD7BBB
- RGB
- rgb(173 123 187)
- HSL
- hsl(287 32% 61%)
- OKLCH
- oklch(0.656 0.108 318.7)
WCAG contrast: on white 3.31:1 (Fail) · on black 6.32:1 (AA)
- #995598 color page →
secondary
#995598
- RGB
- rgb(153 85 152)
- HSL
- hsl(301 29% 47%)
- OKLCH
- oklch(0.553 0.127 327.6)
WCAG contrast: on white 5.11:1 (AA) · on black 4.10:1 (Fail)
- #894282 color page →
accent
#894282
- RGB
- rgb(137 66 130)
- HSL
- hsl(306 35% 40%)
- OKLCH
- oklch(0.493 0.128 331.1)
WCAG contrast: on white 6.63:1 (AA) · on black 3.16:1 (Fail)
- #6B2C59 color page →
highlight
#6B2C59
- RGB
- rgb(107 44 89)
- HSL
- hsl(317 42% 30%)
- OKLCH
- oklch(0.398 0.107 339.9)
WCAG contrast: on white 9.86:1 (AAA) · on black 2.12:1 (Fail)
- #581639 color page →
border
#581639
- RGB
- rgb(88 22 57)
- HSL
- hsl(328 60% 22%)
- OKLCH
- oklch(0.322 0.104 351.9)
WCAG contrast: on white 13.21:1 (AAA) · on black 1.58:1 (Fail)
- #2E0B26 color page →
focus
#2E0B26
- RGB
- rgb(46 11 38)
- HSL
- hsl(314 61% 11%)
- OKLCH
- oklch(0.222 0.069 337.8)
WCAG contrast: on white 17.61:1 (AAA) · on black 1.19:1 (Fail)
- #150815 color page →
text
#150815
- RGB
- rgb(21 8 21)
- HSL
- hsl(300 45% 6%)
- OKLCH
- oklch(0.161 0.034 327)
WCAG contrast: on white 19.49:1 (AAA) · on black 1.07:1 (Fail)
Export Prunella Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbebf9;
--surface: #e1c3e3;
--muted: #c99ddb;
--primary: #ad7bbb;
--secondary: #995598;
--accent: #894282;
--highlight: #6b2c59;
--border: #581639;
--focus: #2e0b26;
--text: #150815;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbebf9;
--color-surface: #e1c3e3;
--color-muted: #c99ddb;
--color-primary: #ad7bbb;
--color-secondary: #995598;
--color-accent: #894282;
--color-highlight: #6b2c59;
--color-border: #581639;
--color-focus: #2e0b26;
--color-text: #150815;
}JSON (DTCG tokens)
{
"prunella-bloom-48i": {
"bg": {
"$type": "color",
"$value": "#fbebf9"
},
"surface": {
"$type": "color",
"$value": "#e1c3e3"
},
"muted": {
"$type": "color",
"$value": "#c99ddb"
},
"primary": {
"$type": "color",
"$value": "#ad7bbb"
},
"secondary": {
"$type": "color",
"$value": "#995598"
},
"accent": {
"$type": "color",
"$value": "#894282"
},
"highlight": {
"$type": "color",
"$value": "#6b2c59"
},
"border": {
"$type": "color",
"$value": "#581639"
},
"focus": {
"$type": "color",
"$value": "#2e0b26"
},
"text": {
"$type": "color",
"$value": "#150815"
}
}
}About this palette
Prunella Bloom is a 10-color OKLCH-ready palette tagged red, warm, pink, 10 colors. Hex values: #FBEBF9, #E1C3E3, #C99DDB, #AD7BBB, #995598, #894282, #6B2C59, #581639, #2E0B26, #150815. APCA contrast score Lc 9.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 Prunella Bloom by OKLab color distance.