Palette · 4 colors · Lc 8.1
Stellar Quartz palette
Stellar Quartz: a 4-color palette (Violet, Gray, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #E9E0D6, #497158, #3D617F, #150B03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9E0D6
surface
#497158
accent
#3D617F
text
#150B03
Colors in Stellar Quartz: HEX, RGB, HSL & OKLCH
- #E9E0D6 color page →
bg
#E9E0D6
- RGB
- rgb(233 224 214)
- HSL
- hsl(32 30% 88%)
- OKLCH
- oklch(0.911 0.017 70.5)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.09:1 (AAA)
- #497158 color page →
surface
#497158
- RGB
- rgb(73 113 88)
- HSL
- hsl(143 22% 36%)
- OKLCH
- oklch(0.511 0.06 156.1)
WCAG contrast: on white 5.54:1 (AA) · on black 3.78:1 (Fail)
- #3D617F color page →
accent
#3D617F
- RGB
- rgb(61 97 127)
- HSL
- hsl(207 35% 37%)
- OKLCH
- oklch(0.478 0.064 244.8)
WCAG contrast: on white 6.53:1 (AA) · on black 3.21:1 (Fail)
- #150B03 color page →
text
#150B03
- RGB
- rgb(21 11 3)
- HSL
- hsl(27 75% 5%)
- OKLCH
- oklch(0.161 0.026 65.4)
WCAG contrast: on white 19.42:1 (AAA) · on black 1.08:1 (Fail)
Export Stellar Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9e0d6;
--surface: #497158;
--accent: #3d617f;
--text: #150b03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9e0d6;
--color-surface: #497158;
--color-accent: #3d617f;
--color-text: #150b03;
}JSON (DTCG tokens)
{
"stellar-quartz-73e": {
"bg": {
"$type": "color",
"$value": "#e9e0d6"
},
"surface": {
"$type": "color",
"$value": "#497158"
},
"accent": {
"$type": "color",
"$value": "#3d617f"
},
"text": {
"$type": "color",
"$value": "#150b03"
}
}
}About this palette
Stellar Quartz is a 4-color OKLCH-ready palette tagged violet, gray, cold, 4 colors. Hex values: #E9E0D6, #497158, #3D617F, #150B03. APCA contrast score Lc 8.1. 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 Stellar Quartz by OKLab color distance.