Palette · 5 colors · Lc 8.1
Caramel Quartz palette
Caramel Quartz: a 5-color palette (Green, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #EBE6E0, #B06D00, #007091, #505894, #1D1407, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EBE6E0
surface
#B06D00
primary
#007091
accent
#505894
text
#1D1407
Colors in Caramel Quartz: HEX, RGB, HSL & OKLCH
- #EBE6E0 color page →
bg
#EBE6E0
- RGB
- rgb(235 230 224)
- HSL
- hsl(33 22% 90%)
- OKLCH
- oklch(0.927 0.01 72.7)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.92:1 (AAA)
- #B06D00 color page →
surface
#B06D00
- RGB
- rgb(176 109 0)
- HSL
- hsl(37 100% 35%)
- OKLCH
- oklch(0.594 0.13 68.2)
WCAG contrast: on white 4.17:1 (Fail) · on black 5.03:1 (AA)
- #007091 color page →
primary
#007091
- RGB
- rgb(0 112 145)
- HSL
- hsl(194 100% 28%)
- OKLCH
- oklch(0.508 0.098 227.1)
WCAG contrast: on white 5.63:1 (AA) · on black 3.72:1 (Fail)
- #505894 color page →
accent
#505894
- RGB
- rgb(80 88 148)
- HSL
- hsl(233 30% 45%)
- OKLCH
- oklch(0.482 0.097 276.4)
WCAG contrast: on white 6.63:1 (AA) · on black 3.16:1 (Fail)
- #1D1407 color page →
text
#1D1407
- RGB
- rgb(29 20 7)
- HSL
- hsl(35 61% 7%)
- OKLCH
- oklch(0.199 0.028 75.8)
WCAG contrast: on white 18.17:1 (AAA) · on black 1.15:1 (Fail)
Export Caramel Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ebe6e0;
--surface: #b06d00;
--primary: #007091;
--accent: #505894;
--text: #1d1407;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ebe6e0;
--color-surface: #b06d00;
--color-primary: #007091;
--color-accent: #505894;
--color-text: #1d1407;
}JSON (DTCG tokens)
{
"caramel-quartz-2zt": {
"bg": {
"$type": "color",
"$value": "#ebe6e0"
},
"surface": {
"$type": "color",
"$value": "#b06d00"
},
"primary": {
"$type": "color",
"$value": "#007091"
},
"accent": {
"$type": "color",
"$value": "#505894"
},
"text": {
"$type": "color",
"$value": "#1d1407"
}
}
}About this palette
Caramel Quartz is a 5-color OKLCH-ready palette tagged green, warm, 5 colors. Hex values: #EBE6E0, #B06D00, #007091, #505894, #1D1407. 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 Caramel Quartz by OKLab color distance.