Palette · 9 colors · Lc 8.7
True Alligator Quartz palette
True Alligator Quartz: a 9-color palette (Green, Warm, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #F2EADC, #ECD6A3, #D0A860, #B19349, #8E6400, #694D00, #4E3200, #311E00, #0F0A01, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Warm
- Monochromatic
- 9 Colors
bg
#F2EADC
surface
#ECD6A3
muted
#D0A860
primary
#B19349
secondary
#8E6400
accent
#694D00
highlight
#4E3200
border
#311E00
text
#0F0A01
Colors in True Alligator Quartz: HEX, RGB, HSL & OKLCH
- #F2EADC color page →
bg
#F2EADC
- RGB
- rgb(242 234 220)
- HSL
- hsl(38 46% 91%)
- OKLCH
- oklch(0.94 0.021 81.8)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.57:1 (AAA)
- #ECD6A3 color page →
surface
#ECD6A3
- RGB
- rgb(236 214 163)
- HSL
- hsl(42 66% 78%)
- OKLCH
- oklch(0.882 0.071 87.4)
WCAG contrast: on white 1.42:1 (Fail) · on black 14.71:1 (AAA)
- #D0A860 color page →
muted
#D0A860
- RGB
- rgb(208 168 96)
- HSL
- hsl(39 54% 60%)
- OKLCH
- oklch(0.753 0.102 80.9)
WCAG contrast: on white 2.22:1 (Fail) · on black 9.45:1 (AAA)
- #B19349 color page →
primary
#B19349
- RGB
- rgb(177 147 73)
- HSL
- hsl(43 42% 49%)
- OKLCH
- oklch(0.675 0.1 87.5)
WCAG contrast: on white 2.94:1 (Fail) · on black 7.13:1 (AAA)
- #8E6400 color page →
secondary
#8E6400
- RGB
- rgb(142 100 0)
- HSL
- hsl(42 100% 28%)
- OKLCH
- oklch(0.533 0.111 79.8)
WCAG contrast: on white 5.28:1 (AA) · on black 3.97:1 (Fail)
- #694D00 color page →
accent
#694D00
- RGB
- rgb(105 77 0)
- HSL
- hsl(44 100% 21%)
- OKLCH
- oklch(0.438 0.09 84.4)
WCAG contrast: on white 7.88:1 (AAA) · on black 2.66:1 (Fail)
- #4E3200 color page →
highlight
#4E3200
- RGB
- rgb(78 50 0)
- HSL
- hsl(38 100% 15%)
- OKLCH
- oklch(0.342 0.072 74.9)
WCAG contrast: on white 11.79:1 (AAA) · on black 1.78:1 (Fail)
- #311E00 color page →
border
#311E00
- RGB
- rgb(49 30 0)
- HSL
- hsl(37 100% 10%)
- OKLCH
- oklch(0.253 0.053 75.3)
WCAG contrast: on white 15.95:1 (AAA) · on black 1.31:1 (Fail)
- #0F0A01 color page →
text
#0F0A01
- RGB
- rgb(15 10 1)
- HSL
- hsl(39 88% 3%)
- OKLCH
- oklch(0.148 0.026 89.6)
WCAG contrast: on white 19.73:1 (AAA) · on black 1.06:1 (Fail)
Export True Alligator Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2eadc;
--surface: #ecd6a3;
--muted: #d0a860;
--primary: #b19349;
--secondary: #8e6400;
--accent: #694d00;
--highlight: #4e3200;
--border: #311e00;
--text: #0f0a01;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2eadc;
--color-surface: #ecd6a3;
--color-muted: #d0a860;
--color-primary: #b19349;
--color-secondary: #8e6400;
--color-accent: #694d00;
--color-highlight: #4e3200;
--color-border: #311e00;
--color-text: #0f0a01;
}JSON (DTCG tokens)
{
"true-alligator-quartz-4gb": {
"bg": {
"$type": "color",
"$value": "#f2eadc"
},
"surface": {
"$type": "color",
"$value": "#ecd6a3"
},
"muted": {
"$type": "color",
"$value": "#d0a860"
},
"primary": {
"$type": "color",
"$value": "#b19349"
},
"secondary": {
"$type": "color",
"$value": "#8e6400"
},
"accent": {
"$type": "color",
"$value": "#694d00"
},
"highlight": {
"$type": "color",
"$value": "#4e3200"
},
"border": {
"$type": "color",
"$value": "#311e00"
},
"text": {
"$type": "color",
"$value": "#0f0a01"
}
}
}About this palette
True Alligator Quartz is a 9-color OKLCH-ready palette tagged green, warm, monochromatic, 9 colors. Hex values: #F2EADC, #ECD6A3, #D0A860, #B19349, #8E6400, #694D00, #4E3200, #311E00, #0F0A01. APCA contrast score Lc 8.7. 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 True Alligator Quartz by OKLab color distance.