Palette · 8 colors · Lc 8.9
Warm Blue Quartz palette
Warm Blue Quartz: a 8-color palette (Pink, Rainbow, 8 Colors). HEX, RGB, HSL and OKLCH for #F2E9DA, #D79A35, #9F7500, #008A73, #006BCE, #4D4CCA, #6D2047, #150A00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2E9DA
surface
#D79A35
muted
#9F7500
primary
#008A73
secondary
#006BCE
accent
#4D4CCA
highlight
#6D2047
text
#150A00
Colors in Warm Blue Quartz: HEX, RGB, HSL & OKLCH
- #F2E9DA color page →
bg
#F2E9DA
- RGB
- rgb(242 233 218)
- HSL
- hsl(38 48% 90%)
- OKLCH
- oklch(0.937 0.022 80.7)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.44:1 (AAA)
- #D79A35 color page →
surface
#D79A35
- RGB
- rgb(215 154 53)
- HSL
- hsl(37 67% 53%)
- OKLCH
- oklch(0.728 0.134 75.8)
WCAG contrast: on white 2.45:1 (Fail) · on black 8.56:1 (AAA)
- #9F7500 color page →
muted
#9F7500
- RGB
- rgb(159 117 0)
- HSL
- hsl(44 100% 31%)
- OKLCH
- oklch(0.589 0.121 83.4)
WCAG contrast: on white 4.18:1 (Fail) · on black 5.01:1 (AA)
- #008A73 color page →
primary
#008A73
- RGB
- rgb(0 138 115)
- HSL
- hsl(170 100% 27%)
- OKLCH
- oklch(0.566 0.106 175.4)
WCAG contrast: on white 4.30:1 (Fail) · on black 4.88:1 (AA)
- #006BCE color page →
secondary
#006BCE
- RGB
- rgb(0 107 206)
- HSL
- hsl(209 100% 40%)
- OKLCH
- oklch(0.534 0.174 254.6)
WCAG contrast: on white 5.25:1 (AA) · on black 3.99:1 (Fail)
- #4D4CCA color page →
accent
#4D4CCA
- RGB
- rgb(77 76 202)
- HSL
- hsl(240 54% 55%)
- OKLCH
- oklch(0.495 0.19 277.2)
WCAG contrast: on white 6.55:1 (AA) · on black 3.20:1 (Fail)
- #6D2047 color page →
highlight
#6D2047
- RGB
- rgb(109 32 71)
- HSL
- hsl(330 55% 28%)
- OKLCH
- oklch(0.377 0.116 352.9)
WCAG contrast: on white 10.78:1 (AAA) · on black 1.94:1 (Fail)
- #150A00 color page →
text
#150A00
- RGB
- rgb(21 10 0)
- HSL
- hsl(29 100% 4%)
- OKLCH
- oklch(0.157 0.033 73.5)
WCAG contrast: on white 19.52:1 (AAA) · on black 1.07:1 (Fail)
Export Warm Blue Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2e9da;
--surface: #d79a35;
--muted: #9f7500;
--primary: #008a73;
--secondary: #006bce;
--accent: #4d4cca;
--highlight: #6d2047;
--text: #150a00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2e9da;
--color-surface: #d79a35;
--color-muted: #9f7500;
--color-primary: #008a73;
--color-secondary: #006bce;
--color-accent: #4d4cca;
--color-highlight: #6d2047;
--color-text: #150a00;
}JSON (DTCG tokens)
{
"warm-blue-quartz-6iu": {
"bg": {
"$type": "color",
"$value": "#f2e9da"
},
"surface": {
"$type": "color",
"$value": "#d79a35"
},
"muted": {
"$type": "color",
"$value": "#9f7500"
},
"primary": {
"$type": "color",
"$value": "#008a73"
},
"secondary": {
"$type": "color",
"$value": "#006bce"
},
"accent": {
"$type": "color",
"$value": "#4d4cca"
},
"highlight": {
"$type": "color",
"$value": "#6d2047"
},
"text": {
"$type": "color",
"$value": "#150a00"
}
}
}About this palette
Warm Blue Quartz is a 8-color OKLCH-ready palette tagged pink, rainbow, 8 colors. Hex values: #F2E9DA, #D79A35, #9F7500, #008A73, #006BCE, #4D4CCA, #6D2047, #150A00. APCA contrast score Lc 8.9. 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.