Palette · 5 colors · Lc 8
Lavish Spending Dune palette
Lavish Spending Dune: a 5-color palette (Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #ECE4FC, #8167B2, #576D11, #006E7C, #110E17, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 5 Colors
bg
#ECE4FC
surface
#8167B2
primary
#576D11
accent
#006E7C
text
#110E17
Colors in Lavish Spending Dune: HEX, RGB, HSL & OKLCH
- #ECE4FC color page →
bg
#ECE4FC
- RGB
- rgb(236 228 252)
- HSL
- hsl(260 80% 94%)
- OKLCH
- oklch(0.932 0.033 300.9)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.06:1 (AAA)
- #8167B2 color page →
surface
#8167B2
- RGB
- rgb(129 103 178)
- HSL
- hsl(261 33% 55%)
- OKLCH
- oklch(0.571 0.115 298.7)
WCAG contrast: on white 4.64:1 (AA) · on black 4.51:1 (AA)
- #576D11 color page →
primary
#576D11
- RGB
- rgb(87 109 17)
- HSL
- hsl(74 73% 25%)
- OKLCH
- oklch(0.499 0.115 123)
WCAG contrast: on white 5.83:1 (AA) · on black 3.60:1 (Fail)
- #006E7C color page →
accent
#006E7C
- RGB
- rgb(0 110 124)
- HSL
- hsl(187 100% 24%)
- OKLCH
- oklch(0.493 0.085 210.1)
WCAG contrast: on white 5.96:1 (AA) · on black 3.52:1 (Fail)
- #110E17 color page →
text
#110E17
- RGB
- rgb(17 14 23)
- HSL
- hsl(260 24% 7%)
- OKLCH
- oklch(0.172 0.019 299.7)
WCAG contrast: on white 19.10:1 (AAA) · on black 1.09:1 (Fail)
Export Lavish Spending Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ece4fc;
--surface: #8167b2;
--primary: #576d11;
--accent: #006e7c;
--text: #110e17;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ece4fc;
--color-surface: #8167b2;
--color-primary: #576d11;
--color-accent: #006e7c;
--color-text: #110e17;
}JSON (DTCG tokens)
{
"lavish-spending-dune-80": {
"bg": {
"$type": "color",
"$value": "#ece4fc"
},
"surface": {
"$type": "color",
"$value": "#8167b2"
},
"primary": {
"$type": "color",
"$value": "#576d11"
},
"accent": {
"$type": "color",
"$value": "#006e7c"
},
"text": {
"$type": "color",
"$value": "#110e17"
}
}
}About this palette
Lavish Spending Dune is a 5-color OKLCH-ready palette tagged pink, 5 colors. Hex values: #ECE4FC, #8167B2, #576D11, #006E7C, #110E17. APCA contrast score Lc 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 Lavish Spending Dune by OKLab color distance.