Palette · 5 colors · Lc 8.8
Lavish Spending Noir palette
Lavish Spending Noir: a 5-color palette (Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #EEEAF8, #7F62CA, #656D00, #00768E, #090710, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 5 Colors
bg
#EEEAF8
surface
#7F62CA
primary
#656D00
accent
#00768E
text
#090710
Colors in Lavish Spending Noir: HEX, RGB, HSL & OKLCH
- #EEEAF8 color page →
bg
#EEEAF8
- RGB
- rgb(238 234 248)
- HSL
- hsl(257 50% 95%)
- OKLCH
- oklch(0.944 0.019 299.1)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.76:1 (AAA)
- #7F62CA color page →
surface
#7F62CA
- RGB
- rgb(127 98 202)
- HSL
- hsl(257 50% 59%)
- OKLCH
- oklch(0.574 0.155 293.8)
WCAG contrast: on white 4.66:1 (AA) · on black 4.50:1 (AA)
- #656D00 color page →
primary
#656D00
- RGB
- rgb(101 109 0)
- HSL
- hsl(64 100% 21%)
- OKLCH
- oklch(0.51 0.115 114.7)
WCAG contrast: on white 5.61:1 (AA) · on black 3.74:1 (Fail)
- #00768E color page →
accent
#00768E
- RGB
- rgb(0 118 142)
- HSL
- hsl(190 100% 28%)
- OKLCH
- oklch(0.523 0.094 218.5)
WCAG contrast: on white 5.27:1 (AA) · on black 3.98:1 (Fail)
- #090710 color page →
text
#090710
- RGB
- rgb(9 7 16)
- HSL
- hsl(253 39% 5%)
- OKLCH
- oklch(0.137 0.02 294.8)
WCAG contrast: on white 20.00:1 (AAA) · on black 1.04:1 (Fail)
Export Lavish Spending Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eeeaf8;
--surface: #7f62ca;
--primary: #656d00;
--accent: #00768e;
--text: #090710;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eeeaf8;
--color-surface: #7f62ca;
--color-primary: #656d00;
--color-accent: #00768e;
--color-text: #090710;
}JSON (DTCG tokens)
{
"lavish-spending-noir-22x": {
"bg": {
"$type": "color",
"$value": "#eeeaf8"
},
"surface": {
"$type": "color",
"$value": "#7f62ca"
},
"primary": {
"$type": "color",
"$value": "#656d00"
},
"accent": {
"$type": "color",
"$value": "#00768e"
},
"text": {
"$type": "color",
"$value": "#090710"
}
}
}About this palette
Lavish Spending Noir is a 5-color OKLCH-ready palette tagged pink, 5 colors. Hex values: #EEEAF8, #7F62CA, #656D00, #00768E, #090710. APCA contrast score Lc 8.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 Noir by OKLab color distance.