Tempered Cocoa Quarry color palette — #F5EEE9 · #C0B7AE · #9A8C79 · #6A3400 · #291C12

Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F5EEE9): bright and airy, almost weightless.
• Stone (#C0B7AE): a calm mid-gray that lets other colors speak.
• Caramel (#9A8C79): A luminous, dusty gold — the color of old brass.
• Bronze (#6A3400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#291C12): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Cocoa 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

• Ancient Garnet Hollow color palette (#ECE1DF, #C6B5AF, #A68678, #810036, #301813)
• Bronze Veranda color palette (#EBE6DF, #B2A896, #977B35, #4C3200, #1D1102)
• Weathered Quarry color palette (#EFEFE8, #CBCEBE, #9DA48B, #396200, #302F1B)
• Dusty Terracotta Canyon color palette (#EADFE5, #B8CAB8, #86B09B, #9B4200, #291A22)
• Tempered Study color palette (#F2DCBE, #DB7A00, #AC7600, #625B00, #221700)
• Antique Forest Villa color palette (#EDE4C2, #758E56, #27622E, #004149, #132540)
• Deep Cocoa Delta color palette (#EFDBBF, #5B4000, #212D2D, #130E00, #050200)
• Gentle Mulberry color palette (#FFE6DD, #A6002B, #003C54, #20005C, #25001E)

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