Palette · 10 colors · Lc 8.3
True Warm Purple Drift palette
True Warm Purple Drift: a 10-color palette (Red, Warm, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #DDEBDB, #91CA8B, #009D25, #009AA2, #3466E1, #863FB3, #9B1D8F, #AB2340, #4C2700, #0C160A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DDEBDB
surface
#91CA8B
muted
#009D25
primary
#009AA2
secondary
#3466E1
accent
#863FB3
highlight
#9B1D8F
border
#AB2340
focus
#4C2700
text
#0C160A
Colors in True Warm Purple Drift: HEX, RGB, HSL & OKLCH
- #DDEBDB color page →
bg
#DDEBDB
- RGB
- rgb(221 235 219)
- HSL
- hsl(112 29% 89%)
- OKLCH
- oklch(0.925 0.026 141.8)
WCAG contrast: on white 1.23:1 (Fail) · on black 16.98:1 (AAA)
- #91CA8B color page →
surface
#91CA8B
- RGB
- rgb(145 202 139)
- HSL
- hsl(114 37% 67%)
- OKLCH
- oklch(0.784 0.106 142.2)
WCAG contrast: on white 1.90:1 (Fail) · on black 11.02:1 (AAA)
- #009D25 color page →
muted
#009D25
- RGB
- rgb(0 157 37)
- HSL
- hsl(134 100% 31%)
- OKLCH
- oklch(0.605 0.193 144.5)
WCAG contrast: on white 3.59:1 (Fail) · on black 5.84:1 (AA)
- #009AA2 color page →
primary
#009AA2
- RGB
- rgb(0 154 162)
- HSL
- hsl(183 100% 32%)
- OKLCH
- oklch(0.624 0.106 201.3)
WCAG contrast: on white 3.41:1 (Fail) · on black 6.14:1 (AA)
- #3466E1 color page →
secondary
#3466E1
- RGB
- rgb(52 102 225)
- HSL
- hsl(223 74% 54%)
- OKLCH
- oklch(0.549 0.195 264.2)
WCAG contrast: on white 5.08:1 (AA) · on black 4.13:1 (Fail)
- #863FB3 color page →
accent
#863FB3
- RGB
- rgb(134 63 179)
- HSL
- hsl(277 48% 47%)
- OKLCH
- oklch(0.513 0.181 309.6)
WCAG contrast: on white 6.22:1 (AA) · on black 3.37:1 (Fail)
- #9B1D8F color page →
highlight
#9B1D8F
- RGB
- rgb(155 29 143)
- HSL
- hsl(306 68% 36%)
- OKLCH
- oklch(0.488 0.198 332.6)
WCAG contrast: on white 7.08:1 (AAA) · on black 2.96:1 (Fail)
- #AB2340 color page →
border
#AB2340
- RGB
- rgb(171 35 64)
- HSL
- hsl(347 66% 40%)
- OKLCH
- oklch(0.489 0.171 14.9)
WCAG contrast: on white 6.89:1 (AA) · on black 3.04:1 (Fail)
- #4C2700 color page →
focus
#4C2700
- RGB
- rgb(76 39 0)
- HSL
- hsl(31 100% 15%)
- OKLCH
- oklch(0.316 0.074 60.4)
WCAG contrast: on white 13.14:1 (AAA) · on black 1.59:1 (Fail)
- #0C160A color page →
text
#0C160A
- RGB
- rgb(12 22 10)
- HSL
- hsl(110 38% 6%)
- OKLCH
- oklch(0.186 0.028 140.3)
WCAG contrast: on white 18.50:1 (AAA) · on black 1.13:1 (Fail)
Export True Warm Purple Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ddebdb;
--surface: #91ca8b;
--muted: #009d25;
--primary: #009aa2;
--secondary: #3466e1;
--accent: #863fb3;
--highlight: #9b1d8f;
--border: #ab2340;
--focus: #4c2700;
--text: #0c160a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ddebdb;
--color-surface: #91ca8b;
--color-muted: #009d25;
--color-primary: #009aa2;
--color-secondary: #3466e1;
--color-accent: #863fb3;
--color-highlight: #9b1d8f;
--color-border: #ab2340;
--color-focus: #4c2700;
--color-text: #0c160a;
}JSON (DTCG tokens)
{
"true-warm-purple-drift-7p8": {
"bg": {
"$type": "color",
"$value": "#ddebdb"
},
"surface": {
"$type": "color",
"$value": "#91ca8b"
},
"muted": {
"$type": "color",
"$value": "#009d25"
},
"primary": {
"$type": "color",
"$value": "#009aa2"
},
"secondary": {
"$type": "color",
"$value": "#3466e1"
},
"accent": {
"$type": "color",
"$value": "#863fb3"
},
"highlight": {
"$type": "color",
"$value": "#9b1d8f"
},
"border": {
"$type": "color",
"$value": "#ab2340"
},
"focus": {
"$type": "color",
"$value": "#4c2700"
},
"text": {
"$type": "color",
"$value": "#0c160a"
}
}
}About this palette
True Warm Purple Drift is a 10-color OKLCH-ready palette tagged red, warm, rainbow, 10 colors. Hex values: #DDEBDB, #91CA8B, #009D25, #009AA2, #3466E1, #863FB3, #9B1D8F, #AB2340, #4C2700, #0C160A. APCA contrast score Lc 8.3. 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 Warm Purple Drift by OKLab color distance.