Tempered Quarry color palette — #F8D9EA · #CFAB78 · #C27A56 · #A24C58 · #012C1C

Brick takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F8D9EA): A whisper-light, dusty pink — the color of a candy shop window.
• Camel (#CFAB78): A luminous, dusty gold — the color of old brass.
• Caramel (#C27A56): A luminous, balanced orange — the color of toasted spice.
• Brick (#A24C58): A full-bodied, balanced red — the color of embers at dusk.
• Deep Forest (#012C1C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Airy Alley color palette (#E3F3E1, #BEB377, #B98139, #AF4428, #1C2902)
• Dusty Amber Lantern color palette (#F7E1EA, #AACBB1, #CB8E60, #A9635F, #0A392B)
• Garnet Harbor color palette (#F9DFCD, #BE956F, #AB5724, #8A2214, #331F00)
• Worn Rust color palette (#FFF0F8, #D8A77A, #BA5400, #78271B, #001804)
• Moss Workshop color palette (#BFEAD3, #A1C581, #A59700, #9D6100, #00321D)
• Washed Bronze Quarry color palette (#FBE1D0, #AD7B30, #814120, #541926, #140D00)
• Tempered Taupe color palette (#FFF0F9, #CBE1C9, #DAA995, #B88088, #394D42)
• Wandering Coast color palette (#E7E7FA, #DD90D9, #D95E82, #BA2F00, #342000)

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