Palette · 8 colors · Lc 9.4
Steady Clay Lattice palette
Steady Clay Lattice: a 8-color palette (Trending, Yellow, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #FFF3EF, #F2BDAA, #D18D73, #BC6D4D, #955429, #5D2B07, #421D04, #0A0604, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF3EF
surface
#F2BDAA
muted
#D18D73
primary
#BC6D4D
secondary
#955429
accent
#5D2B07
highlight
#421D04
text
#0A0604
Colors in Steady Clay Lattice: HEX, RGB, HSL & OKLCH
- #FFF3EF color page →
bg
#FFF3EF
- RGB
- rgb(255 243 239)
- HSL
- hsl(15 100% 97%)
- OKLCH
- oklch(0.972 0.014 39.4)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.31:1 (AAA)
- #F2BDAA color page →
surface
#F2BDAA
- RGB
- rgb(242 189 170)
- HSL
- hsl(16 73% 81%)
- OKLCH
- oklch(0.841 0.067 40.6)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.63:1 (AAA)
- #D18D73 color page →
muted
#D18D73
- RGB
- rgb(209 141 115)
- HSL
- hsl(17 51% 64%)
- OKLCH
- oklch(0.705 0.091 41.7)
WCAG contrast: on white 2.70:1 (Fail) · on black 7.76:1 (AAA)
- #BC6D4D color page →
primary
#BC6D4D
- RGB
- rgb(188 109 77)
- HSL
- hsl(17 45% 52%)
- OKLCH
- oklch(0.616 0.111 42.5)
WCAG contrast: on white 3.86:1 (Fail) · on black 5.43:1 (AA)
- #955429 color page →
secondary
#955429
- RGB
- rgb(149 84 41)
- HSL
- hsl(24 57% 37%)
- OKLCH
- oklch(0.514 0.104 51.8)
WCAG contrast: on white 5.86:1 (AA) · on black 3.57:1 (Fail)
- #5D2B07 color page →
accent
#5D2B07
- RGB
- rgb(93 43 7)
- HSL
- hsl(25 86% 20%)
- OKLCH
- oklch(0.352 0.086 50.6)
WCAG contrast: on white 11.57:1 (AAA) · on black 1.81:1 (Fail)
- #421D04 color page →
highlight
#421D04
- RGB
- rgb(66 29 4)
- HSL
- hsl(24 89% 14%)
- OKLCH
- oklch(0.279 0.067 50.7)
WCAG contrast: on white 14.90:1 (AAA) · on black 1.40:1 (Fail)
- #0A0604 color page →
text
#0A0604
- RGB
- rgb(10 6 4)
- HSL
- hsl(20 43% 3%)
- OKLCH
- oklch(0.127 0.011 54.8)
WCAG contrast: on white 20.17:1 (AAA) · on black 1.04:1 (Fail)
Export Steady Clay Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff3ef;
--surface: #f2bdaa;
--muted: #d18d73;
--primary: #bc6d4d;
--secondary: #955429;
--accent: #5d2b07;
--highlight: #421d04;
--text: #0a0604;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff3ef;
--color-surface: #f2bdaa;
--color-muted: #d18d73;
--color-primary: #bc6d4d;
--color-secondary: #955429;
--color-accent: #5d2b07;
--color-highlight: #421d04;
--color-text: #0a0604;
}JSON (DTCG tokens)
{
"steady-clay-lattice-6ui": {
"bg": {
"$type": "color",
"$value": "#fff3ef"
},
"surface": {
"$type": "color",
"$value": "#f2bdaa"
},
"muted": {
"$type": "color",
"$value": "#d18d73"
},
"primary": {
"$type": "color",
"$value": "#bc6d4d"
},
"secondary": {
"$type": "color",
"$value": "#955429"
},
"accent": {
"$type": "color",
"$value": "#5d2b07"
},
"highlight": {
"$type": "color",
"$value": "#421d04"
},
"text": {
"$type": "color",
"$value": "#0a0604"
}
}
}About this palette
Steady Clay Lattice is a 8-color OKLCH-ready palette tagged trending, yellow, warm, 8 colors. Hex values: #FFF3EF, #F2BDAA, #D18D73, #BC6D4D, #955429, #5D2B07, #421D04, #0A0604. APCA contrast score Lc 9.4. 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 Steady Clay Lattice by OKLab color distance.