Palette · 4 colors · Lc 9.6
Blue Lips Ember palette
Blue Lips Ember: a 4-color palette (Violet, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #F8F6FF, #DCD9F9, #AABAE7, #2F2D44, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F6FF
surface
#DCD9F9
accent
#AABAE7
text
#2F2D44
Colors in Blue Lips Ember: HEX, RGB, HSL & OKLCH
- #F8F6FF color page →
bg
#F8F6FF
- RGB
- rgb(248 246 255)
- HSL
- hsl(253 100% 98%)
- OKLCH
- oklch(0.977 0.012 296.4)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.61:1 (AAA)
- #DCD9F9 color page →
surface
#DCD9F9
- RGB
- rgb(220 217 249)
- HSL
- hsl(246 73% 91%)
- OKLCH
- oklch(0.898 0.044 289.8)
WCAG contrast: on white 1.36:1 (Fail) · on black 15.33:1 (AAA)
- #AABAE7 color page →
accent
#AABAE7
- RGB
- rgb(170 186 231)
- HSL
- hsl(224 56% 79%)
- OKLCH
- oklch(0.792 0.067 269.6)
WCAG contrast: on white 1.92:1 (Fail) · on black 10.88:1 (AAA)
- #2F2D44 color page →
text
#2F2D44
- RGB
- rgb(47 45 68)
- HSL
- hsl(245 20% 22%)
- OKLCH
- oklch(0.31 0.041 287.7)
WCAG contrast: on white 13.29:1 (AAA) · on black 1.57:1 (Fail)
Export Blue Lips Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f6ff;
--surface: #dcd9f9;
--accent: #aabae7;
--text: #2f2d44;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f6ff;
--color-surface: #dcd9f9;
--color-accent: #aabae7;
--color-text: #2f2d44;
}JSON (DTCG tokens)
{
"blue-lips-ember-3d": {
"bg": {
"$type": "color",
"$value": "#f8f6ff"
},
"surface": {
"$type": "color",
"$value": "#dcd9f9"
},
"accent": {
"$type": "color",
"$value": "#aabae7"
},
"text": {
"$type": "color",
"$value": "#2f2d44"
}
}
}About this palette
Blue Lips Ember is a 4-color OKLCH-ready palette tagged violet, gray, cold, pastel, 4 colors. Hex values: #F8F6FF, #DCD9F9, #AABAE7, #2F2D44. APCA contrast score Lc 9.6. 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 Ember by OKLab color distance.