Palette · 5 colors · Lc 9
Warm Blue Drift palette
Warm Blue Drift: a 5-color palette (Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #EFEBD8, #926D00, #5659C7, #393006, #0D0B04, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 5 Colors
bg
#EFEBD8
surface
#926D00
primary
#5659C7
accent
#393006
text
#0D0B04
Colors in Warm Blue Drift: HEX, RGB, HSL & OKLCH
- #EFEBD8 color page →
bg
#EFEBD8
- RGB
- rgb(239 235 216)
- HSL
- hsl(50 42% 89%)
- OKLCH
- oklch(0.938 0.026 97.1)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.54:1 (AAA)
- #926D00 color page →
surface
#926D00
- RGB
- rgb(146 109 0)
- HSL
- hsl(45 100% 29%)
- OKLCH
- oklch(0.557 0.114 85)
WCAG contrast: on white 4.76:1 (AA) · on black 4.40:1 (Fail)
- #5659C7 color page →
primary
#5659C7
- RGB
- rgb(86 89 199)
- HSL
- hsl(238 50% 56%)
- OKLCH
- oklch(0.522 0.168 277.7)
WCAG contrast: on white 5.75:1 (AA) · on black 3.64:1 (Fail)
- #393006 color page →
accent
#393006
- RGB
- rgb(57 48 6)
- HSL
- hsl(49 81% 12%)
- OKLCH
- oklch(0.31 0.059 96.5)
WCAG contrast: on white 13.13:1 (AAA) · on black 1.59:1 (Fail)
- #0D0B04 color page →
text
#0D0B04
- RGB
- rgb(13 11 4)
- HSL
- hsl(47 53% 3%)
- OKLCH
- oklch(0.149 0.017 96.7)
WCAG contrast: on white 19.68:1 (AAA) · on black 1.06:1 (Fail)
Export Warm Blue Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efebd8;
--surface: #926d00;
--primary: #5659c7;
--accent: #393006;
--text: #0d0b04;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efebd8;
--color-surface: #926d00;
--color-primary: #5659c7;
--color-accent: #393006;
--color-text: #0d0b04;
}JSON (DTCG tokens)
{
"warm-blue-drift-5k9": {
"bg": {
"$type": "color",
"$value": "#efebd8"
},
"surface": {
"$type": "color",
"$value": "#926d00"
},
"primary": {
"$type": "color",
"$value": "#5659c7"
},
"accent": {
"$type": "color",
"$value": "#393006"
},
"text": {
"$type": "color",
"$value": "#0d0b04"
}
}
}About this palette
Warm Blue Drift is a 5-color OKLCH-ready palette tagged pink, 5 colors. Hex values: #EFEBD8, #926D00, #5659C7, #393006, #0D0B04. APCA contrast score Lc 9. 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 Warm Blue Drift by OKLab color distance.