Tempered Quarry color palette — #FFF3E9 · #DBB695 · #BE7E52 · #8C5B45 · #563500

Caramel and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#DBB695): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#BE7E52): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#8C5B45): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#563500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Quarry into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Worn Driftwood color palette (#FBF5E4, #C7BE98, #959353, #746937, #453E00)
• Patina Bronze Delta color palette (#F2E5D9, #D1A571, #AF7033, #814B28, #34302A)
• Ancient Chestnut Canyon color palette (#EFE5D9, #A88648, #835500, #5A3200, #1D1500)
• Taupe Market color palette (#FFF0F7, #ECCAA5, #CEA285, #A07B95, #304333)
• Ancient Lilac Market color palette (#FFF1F7, #A68DE6, #D26C6F, #975F3B, #3E2D35)
• Worn Thicket color palette (#F2E6CB, #76721D, #504500, #2E2200, #030400)
• Chalky Basin color palette (#EEF9EB, #0DA998, #B06500, #645900, #282C16)
• Weathered Petrol color palette (#EBF9F3, #A0D4A3, #097CA4, #234C3C, #16251F)

Browse the whole catalog at Explore, or see today's palette.