Palette · 5 colors · Lc 8.8
Warm Blue Quartz palette
Warm Blue Quartz: a 5-color palette (Pink, Rainbow, 5 Colors). HEX, RGB, HSL and OKLCH for #E9F1E3, #488F00, #6652D0, #AF2C79, #071005, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9F1E3
surface
#488F00
primary
#6652D0
accent
#AF2C79
text
#071005
Colors in Warm Blue Quartz: HEX, RGB, HSL & OKLCH
- #E9F1E3 color page →
bg
#E9F1E3
- RGB
- rgb(233 241 227)
- HSL
- hsl(94 33% 92%)
- OKLCH
- oklch(0.948 0.02 131.5)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.15:1 (AAA)
- #488F00 color page →
surface
#488F00
- RGB
- rgb(72 143 0)
- HSL
- hsl(90 100% 28%)
- OKLCH
- oklch(0.58 0.17 135.3)
WCAG contrast: on white 4.03:1 (Fail) · on black 5.20:1 (AA)
- #6652D0 color page →
primary
#6652D0
- RGB
- rgb(102 82 208)
- HSL
- hsl(250 57% 57%)
- OKLCH
- oklch(0.529 0.186 285.4)
WCAG contrast: on white 5.70:1 (AA) · on black 3.68:1 (Fail)
- #AF2C79 color page →
accent
#AF2C79
- RGB
- rgb(175 44 121)
- HSL
- hsl(325 60% 43%)
- OKLCH
- oklch(0.521 0.182 349.3)
WCAG contrast: on white 6.07:1 (AA) · on black 3.45:1 (Fail)
- #071005 color page →
text
#071005
- RGB
- rgb(7 16 5)
- HSL
- hsl(109 52% 4%)
- OKLCH
- oklch(0.16 0.028 138.9)
WCAG contrast: on white 19.34:1 (AAA) · on black 1.08:1 (Fail)
Export Warm Blue Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9f1e3;
--surface: #488f00;
--primary: #6652d0;
--accent: #af2c79;
--text: #071005;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9f1e3;
--color-surface: #488f00;
--color-primary: #6652d0;
--color-accent: #af2c79;
--color-text: #071005;
}JSON (DTCG tokens)
{
"warm-blue-quartz-2yu": {
"bg": {
"$type": "color",
"$value": "#e9f1e3"
},
"surface": {
"$type": "color",
"$value": "#488f00"
},
"primary": {
"$type": "color",
"$value": "#6652d0"
},
"accent": {
"$type": "color",
"$value": "#af2c79"
},
"text": {
"$type": "color",
"$value": "#071005"
}
}
}About this palette
Warm Blue Quartz is a 5-color OKLCH-ready palette tagged pink, rainbow, 5 colors. Hex values: #E9F1E3, #488F00, #6652D0, #AF2C79, #071005. 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 Warm Blue Quartz by OKLab color distance.