Palette · 4 colors · Lc 10
Quiet Maniac Mansion Quartz palette
Quiet Maniac Mansion Quartz: a 4-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #EAF9FF, #80B7D1, #00465F, #020E22, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EAF9FF
surface
#80B7D1
accent
#00465F
text
#020E22
Colors in Quiet Maniac Mansion Quartz: HEX, RGB, HSL & OKLCH
- #EAF9FF color page →
bg
#EAF9FF
- RGB
- rgb(234 249 255)
- HSL
- hsl(197 100% 96%)
- OKLCH
- oklch(0.973 0.018 223.6)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.49:1 (AAA)
- #80B7D1 color page →
surface
#80B7D1
- RGB
- rgb(128 183 209)
- HSL
- hsl(199 47% 66%)
- OKLCH
- oklch(0.751 0.068 229.1)
WCAG contrast: on white 2.18:1 (Fail) · on black 9.61:1 (AAA)
- #00465F color page →
accent
#00465F
- RGB
- rgb(0 70 95)
- HSL
- hsl(196 100% 19%)
- OKLCH
- oklch(0.369 0.074 230.4)
WCAG contrast: on white 10.28:1 (AAA) · on black 2.04:1 (Fail)
- #020E22 color page →
text
#020E22
- RGB
- rgb(2 14 34)
- HSL
- hsl(218 89% 7%)
- OKLCH
- oklch(0.165 0.047 256.3)
WCAG contrast: on white 19.29:1 (AAA) · on black 1.08:1 (Fail)
Export Quiet Maniac Mansion Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eaf9ff;
--surface: #80b7d1;
--accent: #00465f;
--text: #020e22;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eaf9ff;
--color-surface: #80b7d1;
--color-accent: #00465f;
--color-text: #020e22;
}JSON (DTCG tokens)
{
"quiet-maniac-mansion-quartz-nj": {
"bg": {
"$type": "color",
"$value": "#eaf9ff"
},
"surface": {
"$type": "color",
"$value": "#80b7d1"
},
"accent": {
"$type": "color",
"$value": "#00465f"
},
"text": {
"$type": "color",
"$value": "#020e22"
}
}
}About this palette
Quiet Maniac Mansion Quartz is a 4-color OKLCH-ready palette tagged violet, cold, ocean, nature, 4 colors. Hex values: #EAF9FF, #80B7D1, #00465F, #020E22. APCA contrast score Lc 10. 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 Quiet Maniac Mansion Quartz by OKLab color distance.