Palette · 4 colors · Lc 9.3
Lavender Garden palette
Lavender Garden: a 4-color palette (Pink, Monochromatic, 4 Colors). HEX, RGB, HSL and OKLCH for #F6E5FF, #B975D7, #632772, #0C050F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 4 Colors
bg
#F6E5FF
surface
#B975D7
accent
#632772
text
#0C050F
Colors in Lavender Garden: HEX, RGB, HSL & OKLCH
- #F6E5FF color page →
bg
#F6E5FF
- RGB
- rgb(246 229 255)
- HSL
- hsl(279 100% 95%)
- OKLCH
- oklch(0.943 0.039 314.1)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.57:1 (AAA)
- #B975D7 color page →
surface
#B975D7
- RGB
- rgb(185 117 215)
- HSL
- hsl(282 55% 65%)
- OKLCH
- oklch(0.672 0.156 314.8)
WCAG contrast: on white 3.18:1 (Fail) · on black 6.58:1 (AA)
- #632772 color page →
accent
#632772
- RGB
- rgb(99 39 114)
- HSL
- hsl(288 49% 30%)
- OKLCH
- oklch(0.393 0.134 319.1)
WCAG contrast: on white 10.17:1 (AAA) · on black 2.06:1 (Fail)
- #0C050F color page →
text
#0C050F
- RGB
- rgb(12 5 15)
- HSL
- hsl(282 50% 4%)
- OKLCH
- oklch(0.133 0.027 316.4)
WCAG contrast: on white 20.11:1 (AAA) · on black 1.04:1 (Fail)
Export Lavender Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6e5ff;
--surface: #b975d7;
--accent: #632772;
--text: #0c050f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6e5ff;
--color-surface: #b975d7;
--color-accent: #632772;
--color-text: #0c050f;
}JSON (DTCG tokens)
{
"lavender-garden-1cf": {
"bg": {
"$type": "color",
"$value": "#f6e5ff"
},
"surface": {
"$type": "color",
"$value": "#b975d7"
},
"accent": {
"$type": "color",
"$value": "#632772"
},
"text": {
"$type": "color",
"$value": "#0c050f"
}
}
}About this palette
Lavender Garden is a 4-color OKLCH-ready palette tagged pink, monochromatic, 4 colors. Hex values: #F6E5FF, #B975D7, #632772, #0C050F. APCA contrast score Lc 9.3. 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 Lavender Garden by OKLab color distance.