Palette · 6 colors · Lc 8.7
Mauve It Drift palette
Mauve It Drift: a 6-color palette (Red, Warm, Rainbow, 6 Colors). HEX, RGB, HSL and OKLCH for #E7EAFF, #7484ED, #BF3A63, #8C6400, #006630, #121420, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7EAFF
surface
#7484ED
muted
#BF3A63
primary
#8C6400
accent
#006630
text
#121420
Colors in Mauve It Drift: HEX, RGB, HSL & OKLCH
- #E7EAFF color page →
bg
#E7EAFF
- RGB
- rgb(231 234 255)
- HSL
- hsl(233 100% 95%)
- OKLCH
- oklch(0.941 0.028 279.4)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.61:1 (AAA)
- #7484ED color page →
surface
#7484ED
- RGB
- rgb(116 132 237)
- HSL
- hsl(232 77% 69%)
- OKLCH
- oklch(0.649 0.157 274.7)
WCAG contrast: on white 3.35:1 (Fail) · on black 6.26:1 (AA)
- #BF3A63 color page →
muted
#BF3A63
- RGB
- rgb(191 58 99)
- HSL
- hsl(342 53% 49%)
- OKLCH
- oklch(0.553 0.171 6.1)
WCAG contrast: on white 5.24:1 (AA) · on black 4.00:1 (Fail)
- #8C6400 color page →
primary
#8C6400
- RGB
- rgb(140 100 0)
- HSL
- hsl(43 100% 27%)
- OKLCH
- oklch(0.531 0.11 81.1)
WCAG contrast: on white 5.33:1 (AA) · on black 3.93:1 (Fail)
- #006630 color page →
accent
#006630
- RGB
- rgb(0 102 48)
- HSL
- hsl(148 100% 20%)
- OKLCH
- oklch(0.447 0.119 151.5)
WCAG contrast: on white 7.13:1 (AAA) · on black 2.94:1 (Fail)
- #121420 color page →
text
#121420
- RGB
- rgb(18 20 32)
- HSL
- hsl(231 28% 10%)
- OKLCH
- oklch(0.195 0.024 276.6)
WCAG contrast: on white 18.31:1 (AAA) · on black 1.14:1 (Fail)
Export Mauve It Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7eaff;
--surface: #7484ed;
--muted: #bf3a63;
--primary: #8c6400;
--accent: #006630;
--text: #121420;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7eaff;
--color-surface: #7484ed;
--color-muted: #bf3a63;
--color-primary: #8c6400;
--color-accent: #006630;
--color-text: #121420;
}JSON (DTCG tokens)
{
"mauve-it-drift-345": {
"bg": {
"$type": "color",
"$value": "#e7eaff"
},
"surface": {
"$type": "color",
"$value": "#7484ed"
},
"muted": {
"$type": "color",
"$value": "#bf3a63"
},
"primary": {
"$type": "color",
"$value": "#8c6400"
},
"accent": {
"$type": "color",
"$value": "#006630"
},
"text": {
"$type": "color",
"$value": "#121420"
}
}
}About this palette
Mauve It Drift is a 6-color OKLCH-ready palette tagged red, warm, rainbow, 6 colors. Hex values: #E7EAFF, #7484ED, #BF3A63, #8C6400, #006630, #121420. APCA contrast score Lc 8.7. 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 Mauve It Drift by OKLab color distance.