Palette · 6 colors · Lc 9.8
Lusty Lavender Atelier palette
Lusty Lavender Atelier: a 6-color palette (Pink, Gray, UI System, 6 Colors). HEX, RGB, HSL and OKLCH for #F8F8F8, #E3DFE9, #C1B6D2, #8B62B4, #6F496E, #1E172B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F8F8
surface
#E3DFE9
muted
#C1B6D2
primary
#8B62B4
accent
#6F496E
text
#1E172B
Colors in Lusty Lavender Atelier: HEX, RGB, HSL & OKLCH
- #F8F8F8 color page →
bg
#F8F8F8
- RGB
- rgb(248 248 248)
- HSL
- hsl(0 0% 97%)
- OKLCH
- oklch(0.979 0 0)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.77:1 (AAA)
- #E3DFE9 color page →
surface
#E3DFE9
- RGB
- rgb(227 223 233)
- HSL
- hsl(264 19% 89%)
- OKLCH
- oklch(0.91 0.014 304.1)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.99:1 (AAA)
- #C1B6D2 color page →
muted
#C1B6D2
- RGB
- rgb(193 182 210)
- HSL
- hsl(264 24% 77%)
- OKLCH
- oklch(0.794 0.041 303.3)
WCAG contrast: on white 1.92:1 (Fail) · on black 10.88:1 (AAA)
- #8B62B4 color page →
primary
#8B62B4
- RGB
- rgb(139 98 180)
- HSL
- hsl(270 35% 55%)
- OKLCH
- oklch(0.573 0.129 305.8)
WCAG contrast: on white 4.66:1 (AA) · on black 4.50:1 (AA)
- #6F496E color page →
accent
#6F496E
- RGB
- rgb(111 73 110)
- HSL
- hsl(302 21% 36%)
- OKLCH
- oklch(0.462 0.075 327.6)
WCAG contrast: on white 7.35:1 (AAA) · on black 2.85:1 (Fail)
- #1E172B color page →
text
#1E172B
- RGB
- rgb(30 23 43)
- HSL
- hsl(261 30% 13%)
- OKLCH
- oklch(0.223 0.039 299.3)
WCAG contrast: on white 17.31:1 (AAA) · on black 1.21:1 (Fail)
Export Lusty Lavender Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f8f8;
--surface: #e3dfe9;
--muted: #c1b6d2;
--primary: #8b62b4;
--accent: #6f496e;
--text: #1e172b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f8f8;
--color-surface: #e3dfe9;
--color-muted: #c1b6d2;
--color-primary: #8b62b4;
--color-accent: #6f496e;
--color-text: #1e172b;
}JSON (DTCG tokens)
{
"lusty-lavender-atelier-2ph": {
"bg": {
"$type": "color",
"$value": "#f8f8f8"
},
"surface": {
"$type": "color",
"$value": "#e3dfe9"
},
"muted": {
"$type": "color",
"$value": "#c1b6d2"
},
"primary": {
"$type": "color",
"$value": "#8b62b4"
},
"accent": {
"$type": "color",
"$value": "#6f496e"
},
"text": {
"$type": "color",
"$value": "#1e172b"
}
}
}About this palette
Lusty Lavender Atelier is a 6-color OKLCH-ready palette tagged pink, gray, ui system, 6 colors. Hex values: #F8F8F8, #E3DFE9, #C1B6D2, #8B62B4, #6F496E, #1E172B. APCA contrast score Lc 9.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 Lusty Lavender Atelier by OKLab color distance.