Palette · 8 colors · Lc 8.9
True Clay Garden palette
True Clay Garden: a 8-color palette (Yellow, Warm, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #1A0904, #431A07, #652C1B, #8E4B39, #BC6B4E, #DC9579, #F0BCAC, #FFECE3, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Yellow
- Warm
- Monochromatic
- 8 Colors
bg
#1A0904
surface
#431A07
muted
#652C1B
primary
#8E4B39
secondary
#BC6B4E
accent
#DC9579
highlight
#F0BCAC
text
#FFECE3
Colors in True Clay Garden: HEX, RGB, HSL & OKLCH
- #1A0904 color page →
bg
#1A0904
- RGB
- rgb(26 9 4)
- HSL
- hsl(14 73% 6%)
- OKLCH
- oklch(0.165 0.033 41.5)
WCAG contrast: on white 19.35:1 (AAA) · on black 1.08:1 (Fail)
- #431A07 color page →
surface
#431A07
- RGB
- rgb(67 26 7)
- HSL
- hsl(19 81% 15%)
- OKLCH
- oklch(0.276 0.07 43.3)
WCAG contrast: on white 15.11:1 (AAA) · on black 1.38:1 (Fail)
- #652C1B color page →
muted
#652C1B
- RGB
- rgb(101 44 27)
- HSL
- hsl(14 58% 25%)
- OKLCH
- oklch(0.369 0.087 37.3)
WCAG contrast: on white 10.88:1 (AAA) · on black 1.92:1 (Fail)
- #8E4B39 color page →
primary
#8E4B39
- RGB
- rgb(142 75 57)
- HSL
- hsl(13 43% 39%)
- OKLCH
- oklch(0.49 0.095 36)
WCAG contrast: on white 6.53:1 (AA) · on black 3.21:1 (Fail)
- #BC6B4E color page →
secondary
#BC6B4E
- RGB
- rgb(188 107 78)
- HSL
- hsl(16 45% 52%)
- OKLCH
- oklch(0.613 0.112 40.3)
WCAG contrast: on white 3.92:1 (Fail) · on black 5.35:1 (AA)
- #DC9579 color page →
accent
#DC9579
- RGB
- rgb(220 149 121)
- HSL
- hsl(17 59% 67%)
- OKLCH
- oklch(0.734 0.095 42.3)
WCAG contrast: on white 2.43:1 (Fail) · on black 8.61:1 (AAA)
- #F0BCAC color page →
highlight
#F0BCAC
- RGB
- rgb(240 188 172)
- HSL
- hsl(14 69% 81%)
- OKLCH
- oklch(0.838 0.064 37.8)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.49:1 (AAA)
- #FFECE3 color page →
text
#FFECE3
- RGB
- rgb(255 236 227)
- HSL
- hsl(19 100% 95%)
- OKLCH
- oklch(0.956 0.024 47.1)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.35:1 (AAA)
Export True Clay Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #1a0904;
--surface: #431a07;
--muted: #652c1b;
--primary: #8e4b39;
--secondary: #bc6b4e;
--accent: #dc9579;
--highlight: #f0bcac;
--text: #ffece3;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #1a0904;
--color-surface: #431a07;
--color-muted: #652c1b;
--color-primary: #8e4b39;
--color-secondary: #bc6b4e;
--color-accent: #dc9579;
--color-highlight: #f0bcac;
--color-text: #ffece3;
}JSON (DTCG tokens)
{
"true-clay-garden-1in": {
"bg": {
"$type": "color",
"$value": "#1a0904"
},
"surface": {
"$type": "color",
"$value": "#431a07"
},
"muted": {
"$type": "color",
"$value": "#652c1b"
},
"primary": {
"$type": "color",
"$value": "#8e4b39"
},
"secondary": {
"$type": "color",
"$value": "#bc6b4e"
},
"accent": {
"$type": "color",
"$value": "#dc9579"
},
"highlight": {
"$type": "color",
"$value": "#f0bcac"
},
"text": {
"$type": "color",
"$value": "#ffece3"
}
}
}About this palette
True Clay Garden is a 8-color OKLCH-ready palette tagged yellow, warm, monochromatic, 8 colors. Hex values: #1A0904, #431A07, #652C1B, #8E4B39, #BC6B4E, #DC9579, #F0BCAC, #FFECE3. 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 True Clay Garden by OKLab color distance.