Palette · 9 colors · Lc 9.1
Steady Prunella Dune palette
Steady Prunella Dune: a 9-color palette (Red, Warm, Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #F7E8F3, #DAB6D9, #CB94CC, #B86EB0, #8D4382, #7F3261, #5B223D, #360F2A, #120410, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7E8F3
surface
#DAB6D9
muted
#CB94CC
primary
#B86EB0
secondary
#8D4382
accent
#7F3261
highlight
#5B223D
border
#360F2A
text
#120410
Colors in Steady Prunella Dune: HEX, RGB, HSL & OKLCH
- #F7E8F3 color page →
bg
#F7E8F3
- RGB
- rgb(247 232 243)
- HSL
- hsl(316 48% 94%)
- OKLCH
- oklch(0.946 0.022 334.9)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.79:1 (AAA)
- #DAB6D9 color page →
surface
#DAB6D9
- RGB
- rgb(218 182 217)
- HSL
- hsl(302 33% 78%)
- OKLCH
- oklch(0.818 0.062 327)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.67:1 (AAA)
- #CB94CC color page →
muted
#CB94CC
- RGB
- rgb(203 148 204)
- HSL
- hsl(299 35% 69%)
- OKLCH
- oklch(0.738 0.1 325.9)
WCAG contrast: on white 2.42:1 (Fail) · on black 8.64:1 (AAA)
- #B86EB0 color page →
primary
#B86EB0
- RGB
- rgb(184 110 176)
- HSL
- hsl(306 34% 58%)
- OKLCH
- oklch(0.641 0.127 330.9)
WCAG contrast: on white 3.56:1 (Fail) · on black 5.89:1 (AA)
- #8D4382 color page →
secondary
#8D4382
- RGB
- rgb(141 67 130)
- HSL
- hsl(309 36% 41%)
- OKLCH
- oklch(0.5 0.129 333.2)
WCAG contrast: on white 6.44:1 (AA) · on black 3.25:1 (Fail)
- #7F3261 color page →
accent
#7F3261
- RGB
- rgb(127 50 97)
- HSL
- hsl(323 44% 35%)
- OKLCH
- oklch(0.44 0.121 345.6)
WCAG contrast: on white 8.29:1 (AAA) · on black 2.53:1 (Fail)
- #5B223D color page →
highlight
#5B223D
- RGB
- rgb(91 34 61)
- HSL
- hsl(332 46% 25%)
- OKLCH
- oklch(0.345 0.09 353.3)
WCAG contrast: on white 12.06:1 (AAA) · on black 1.74:1 (Fail)
- #360F2A color page →
border
#360F2A
- RGB
- rgb(54 15 42)
- HSL
- hsl(318 57% 14%)
- OKLCH
- oklch(0.244 0.073 341.6)
WCAG contrast: on white 16.68:1 (AAA) · on black 1.25:1 (Fail)
- #120410 color page →
text
#120410
- RGB
- rgb(18 4 16)
- HSL
- hsl(309 64% 4%)
- OKLCH
- oklch(0.141 0.038 332.4)
WCAG contrast: on white 19.98:1 (AAA) · on black 1.05:1 (Fail)
Export Steady Prunella Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7e8f3;
--surface: #dab6d9;
--muted: #cb94cc;
--primary: #b86eb0;
--secondary: #8d4382;
--accent: #7f3261;
--highlight: #5b223d;
--border: #360f2a;
--text: #120410;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7e8f3;
--color-surface: #dab6d9;
--color-muted: #cb94cc;
--color-primary: #b86eb0;
--color-secondary: #8d4382;
--color-accent: #7f3261;
--color-highlight: #5b223d;
--color-border: #360f2a;
--color-text: #120410;
}JSON (DTCG tokens)
{
"steady-prunella-dune-3at": {
"bg": {
"$type": "color",
"$value": "#f7e8f3"
},
"surface": {
"$type": "color",
"$value": "#dab6d9"
},
"muted": {
"$type": "color",
"$value": "#cb94cc"
},
"primary": {
"$type": "color",
"$value": "#b86eb0"
},
"secondary": {
"$type": "color",
"$value": "#8d4382"
},
"accent": {
"$type": "color",
"$value": "#7f3261"
},
"highlight": {
"$type": "color",
"$value": "#5b223d"
},
"border": {
"$type": "color",
"$value": "#360f2a"
},
"text": {
"$type": "color",
"$value": "#120410"
}
}
}About this palette
Steady Prunella Dune is a 9-color OKLCH-ready palette tagged red, warm, pink, 9 colors. Hex values: #F7E8F3, #DAB6D9, #CB94CC, #B86EB0, #8D4382, #7F3261, #5B223D, #360F2A, #120410. APCA contrast score Lc 9.1. 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 Steady Prunella Dune by OKLab color distance.