Palette · 9 colors · Lc 8.3
Vivid Magenta Elephant Drift palette
Vivid Magenta Elephant Drift: a 9-color palette (Red, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F7E7EB, #F3B6CE, #E888D1, #E655A2, #D6006D, #AD0338, #890012, #620C20, #2F0311, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7E7EB
surface
#F3B6CE
muted
#E888D1
primary
#E655A2
secondary
#D6006D
accent
#AD0338
highlight
#890012
border
#620C20
text
#2F0311
Colors in Vivid Magenta Elephant Drift: HEX, RGB, HSL & OKLCH
- #F7E7EB color page →
bg
#F7E7EB
- RGB
- rgb(247 231 235)
- HSL
- hsl(345 50% 94%)
- OKLCH
- oklch(0.942 0.018 0.4)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.58:1 (AAA)
- #F3B6CE color page →
surface
#F3B6CE
- RGB
- rgb(243 182 206)
- HSL
- hsl(336 72% 83%)
- OKLCH
- oklch(0.839 0.077 353.5)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.39:1 (AAA)
- #E888D1 color page →
muted
#E888D1
- RGB
- rgb(232 136 209)
- HSL
- hsl(314 68% 72%)
- OKLCH
- oklch(0.752 0.147 336.4)
WCAG contrast: on white 2.36:1 (Fail) · on black 8.87:1 (AAA)
- #E655A2 color page →
primary
#E655A2
- RGB
- rgb(230 85 162)
- HSL
- hsl(328 74% 62%)
- OKLCH
- oklch(0.663 0.195 350.8)
WCAG contrast: on white 3.39:1 (Fail) · on black 6.18:1 (AA)
- #D6006D color page →
secondary
#D6006D
- RGB
- rgb(214 0 109)
- HSL
- hsl(329 100% 42%)
- OKLCH
- oklch(0.566 0.229 1.5)
WCAG contrast: on white 5.14:1 (AA) · on black 4.08:1 (Fail)
- #AD0338 color page →
accent
#AD0338
- RGB
- rgb(173 3 56)
- HSL
- hsl(341 97% 35%)
- OKLCH
- oklch(0.476 0.189 15.2)
WCAG contrast: on white 7.37:1 (AAA) · on black 2.84:1 (Fail)
- #890012 color page →
highlight
#890012
- RGB
- rgb(137 0 18)
- HSL
- hsl(352 100% 27%)
- OKLCH
- oklch(0.397 0.161 25.1)
WCAG contrast: on white 10.13:1 (AAA) · on black 2.07:1 (Fail)
- #620C20 color page →
border
#620C20
- RGB
- rgb(98 12 32)
- HSL
- hsl(346 78% 22%)
- OKLCH
- oklch(0.324 0.117 14.8)
WCAG contrast: on white 13.18:1 (AAA) · on black 1.59:1 (Fail)
- #2F0311 color page →
text
#2F0311
- RGB
- rgb(47 3 17)
- HSL
- hsl(341 88% 10%)
- OKLCH
- oklch(0.202 0.073 6.4)
WCAG contrast: on white 18.38:1 (AAA) · on black 1.14:1 (Fail)
Export Vivid Magenta Elephant Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7e7eb;
--surface: #f3b6ce;
--muted: #e888d1;
--primary: #e655a2;
--secondary: #d6006d;
--accent: #ad0338;
--highlight: #890012;
--border: #620c20;
--text: #2f0311;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7e7eb;
--color-surface: #f3b6ce;
--color-muted: #e888d1;
--color-primary: #e655a2;
--color-secondary: #d6006d;
--color-accent: #ad0338;
--color-highlight: #890012;
--color-border: #620c20;
--color-text: #2f0311;
}JSON (DTCG tokens)
{
"vivid-magenta-elephant-drift-5jk": {
"bg": {
"$type": "color",
"$value": "#f7e7eb"
},
"surface": {
"$type": "color",
"$value": "#f3b6ce"
},
"muted": {
"$type": "color",
"$value": "#e888d1"
},
"primary": {
"$type": "color",
"$value": "#e655a2"
},
"secondary": {
"$type": "color",
"$value": "#d6006d"
},
"accent": {
"$type": "color",
"$value": "#ad0338"
},
"highlight": {
"$type": "color",
"$value": "#890012"
},
"border": {
"$type": "color",
"$value": "#620c20"
},
"text": {
"$type": "color",
"$value": "#2f0311"
}
}
}About this palette
Vivid Magenta Elephant Drift is a 9-color OKLCH-ready palette tagged red, warm, 9 colors. Hex values: #F7E7EB, #F3B6CE, #E888D1, #E655A2, #D6006D, #AD0338, #890012, #620C20, #2F0311. 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 Vivid Magenta Elephant Drift by OKLab color distance.