Palette · 3 colors · Lc 9.2
Blue Lips Dune palette
Blue Lips Dune: a 3-color palette (Violet, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #F4F9FD, #B4C5EF, #203C49, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4F9FD
accent
#B4C5EF
text
#203C49
Colors in Blue Lips Dune: HEX, RGB, HSL & OKLCH
- #F4F9FD color page →
bg
#F4F9FD
- RGB
- rgb(244 249 253)
- HSL
- hsl(207 69% 97%)
- OKLCH
- oklch(0.979 0.008 241.7)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.81:1 (AAA)
- #B4C5EF color page →
accent
#B4C5EF
- RGB
- rgb(180 197 239)
- HSL
- hsl(223 65% 82%)
- OKLCH
- oklch(0.825 0.062 267.7)
WCAG contrast: on white 1.72:1 (Fail) · on black 12.17:1 (AAA)
- #203C49 color page →
text
#203C49
- RGB
- rgb(32 60 73)
- HSL
- hsl(199 39% 21%)
- OKLCH
- oklch(0.34 0.041 229.6)
WCAG contrast: on white 11.64:1 (AAA) · on black 1.80:1 (Fail)
Export Blue Lips Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4f9fd;
--accent: #b4c5ef;
--text: #203c49;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4f9fd;
--color-accent: #b4c5ef;
--color-text: #203c49;
}JSON (DTCG tokens)
{
"blue-lips-dune-234": {
"bg": {
"$type": "color",
"$value": "#f4f9fd"
},
"accent": {
"$type": "color",
"$value": "#b4c5ef"
},
"text": {
"$type": "color",
"$value": "#203c49"
}
}
}About this palette
Blue Lips Dune is a 3-color OKLCH-ready palette tagged violet, gray, cold, pastel, 3 colors. Hex values: #F4F9FD, #B4C5EF, #203C49. APCA contrast score Lc 9.2. 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 Blue Lips Dune by OKLab color distance.