Tempered Quarry color palette — #FFF2EA · #E2DBC3 · #C9A68F · #A9674A · #583700

Ochre takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#E2DBC3): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#C9A68F): A luminous, dusty gold — the color of old brass.
• Ochre (#A9674A): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#583700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, 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

• Bronze Thicket color palette (#FFF2EB, #FFD2B5, #CB8C76, #98573E, #36312B)
• Timeworn Balcony color palette (#FFF0F8, #CAAFBC, #9F7562, #7C5146, #584049)
• Washed Lagoon color palette (#FFF3E4, #D1AF3F, #9C6C09, #633C1A, #181200)
• Weathered Seafoam Terrace color palette (#F0F9E7, #7AD9B2, #C29ED5, #9F776C, #30332C)
• Worn Drift color palette (#F9EEF4, #CFB2BC, #9B768C, #694D69, #1F3123)
• Moonless Bronze color palette (#F3E0D0, #9E6400, #5D2D00, #270500, #020100)
• Wandering Moss Canyon color palette (#F4E4C0, #99A248, #6E6000, #422D00, #040400)
• Powdered Honey Alley color palette (#FFF3E7, #FFC556, #C77F29, #8C4C29, #342500)

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