Palette · 6 colors · Lc 8.8
Pure Magentle Drift palette
Pure Magentle Drift: a 6-color palette (Red, Warm, Rainbow, 6 Colors). HEX, RGB, HSL and OKLCH for #DCE5F1, #2A87FF, #AA1B9E, #AF2C00, #006A32, #0C1116, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCE5F1
surface
#2A87FF
muted
#AA1B9E
primary
#AF2C00
accent
#006A32
text
#0C1116
Colors in Pure Magentle Drift: HEX, RGB, HSL & OKLCH
- #DCE5F1 color page →
bg
#DCE5F1
- RGB
- rgb(220 229 241)
- HSL
- hsl(214 43% 90%)
- OKLCH
- oklch(0.919 0.019 255.5)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.52:1 (AAA)
- #2A87FF color page →
surface
#2A87FF
- RGB
- rgb(42 135 255)
- HSL
- hsl(214 100% 58%)
- OKLCH
- oklch(0.635 0.198 257)
WCAG contrast: on white 3.49:1 (Fail) · on black 6.00:1 (AA)
- #AA1B9E color page →
muted
#AA1B9E
- RGB
- rgb(170 27 158)
- HSL
- hsl(305 73% 39%)
- OKLCH
- oklch(0.52 0.218 332.2)
WCAG contrast: on white 6.25:1 (AA) · on black 3.35:1 (Fail)
- #AF2C00 color page →
primary
#AF2C00
- RGB
- rgb(175 44 0)
- HSL
- hsl(15 100% 34%)
- OKLCH
- oklch(0.498 0.173 35.3)
WCAG contrast: on white 6.59:1 (AA) · on black 3.18:1 (Fail)
- #006A32 color page →
accent
#006A32
- RGB
- rgb(0 106 50)
- HSL
- hsl(148 100% 21%)
- OKLCH
- oklch(0.459 0.122 151.4)
WCAG contrast: on white 6.75:1 (AA) · on black 3.10:1 (Fail)
- #0C1116 color page →
text
#0C1116
- RGB
- rgb(12 17 22)
- HSL
- hsl(210 29% 7%)
- OKLCH
- oklch(0.175 0.013 248.6)
WCAG contrast: on white 18.96:1 (AAA) · on black 1.10:1 (Fail)
Export Pure Magentle Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dce5f1;
--surface: #2a87ff;
--muted: #aa1b9e;
--primary: #af2c00;
--accent: #006a32;
--text: #0c1116;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dce5f1;
--color-surface: #2a87ff;
--color-muted: #aa1b9e;
--color-primary: #af2c00;
--color-accent: #006a32;
--color-text: #0c1116;
}JSON (DTCG tokens)
{
"pure-magentle-drift-1mw": {
"bg": {
"$type": "color",
"$value": "#dce5f1"
},
"surface": {
"$type": "color",
"$value": "#2a87ff"
},
"muted": {
"$type": "color",
"$value": "#aa1b9e"
},
"primary": {
"$type": "color",
"$value": "#af2c00"
},
"accent": {
"$type": "color",
"$value": "#006a32"
},
"text": {
"$type": "color",
"$value": "#0c1116"
}
}
}About this palette
Pure Magentle Drift is a 6-color OKLCH-ready palette tagged red, warm, rainbow, 6 colors. Hex values: #DCE5F1, #2A87FF, #AA1B9E, #AF2C00, #006A32, #0C1116. APCA contrast score Lc 8.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 Pure Magentle Drift by OKLab color distance.