Palette · 3 colors · Lc 9.7
Warm Blue Drift palette
Warm Blue Drift: a 3-color palette (Pink, 3 Colors). HEX, RGB, HSL and OKLCH for #F1EEE6, #4E54CF, #0C0903, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 3 Colors
bg
#F1EEE6
accent
#4E54CF
text
#0C0903
Colors in Warm Blue Drift: HEX, RGB, HSL & OKLCH
- #F1EEE6 color page →
bg
#F1EEE6
- RGB
- rgb(241 238 230)
- HSL
- hsl(44 28% 92%)
- OKLCH
- oklch(0.949 0.011 89.7)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.11:1 (AAA)
- #4E54CF color page →
accent
#4E54CF
- RGB
- rgb(78 84 207)
- HSL
- hsl(237 57% 56%)
- OKLCH
- oklch(0.514 0.187 275.5)
WCAG contrast: on white 6.01:1 (AA) · on black 3.49:1 (Fail)
- #0C0903 color page →
text
#0C0903
- RGB
- rgb(12 9 3)
- HSL
- hsl(40 60% 3%)
- OKLCH
- oklch(0.141 0.017 90.3)
WCAG contrast: on white 19.88:1 (AAA) · on black 1.05:1 (Fail)
Export Warm Blue Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1eee6;
--accent: #4e54cf;
--text: #0c0903;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1eee6;
--color-accent: #4e54cf;
--color-text: #0c0903;
}JSON (DTCG tokens)
{
"warm-blue-drift-oc": {
"bg": {
"$type": "color",
"$value": "#f1eee6"
},
"accent": {
"$type": "color",
"$value": "#4e54cf"
},
"text": {
"$type": "color",
"$value": "#0c0903"
}
}
}About this palette
Warm Blue Drift is a 3-color OKLCH-ready palette tagged pink, 3 colors. Hex values: #F1EEE6, #4E54CF, #0C0903. APCA contrast score Lc 9.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 Warm Blue Drift by OKLab color distance.