Tempered Cocoa Boulevard color palette — #FFF2EE · #F4D4C2 · #DB9786 · #9D684C · #714200

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#F4D4C2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#DB9786): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#9D684C): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#714200): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

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

• Wandering Stone Delta color palette (#FFF2EB, #E9DBBA, #D7AB75, #8F723D, #524F48)
• Timeworn Mallow Loft color palette (#FFF1F3, #F0D4D8, #E7A3C2, #A46977, #65453C)
• Softworn Bronze Harbor color palette (#FFF3E8, #DFD9CD, #D9A784, #8D623C, #40260C)
• Apricot Coast color palette (#FFDDD0, #F48A1E, #AF6D00, #624900, #271F00)
• Rust Workshop color palette (#F7EEFF, #E7A3AC, #BC654F, #845424, #233928)
• Cocoa Summit color palette (#FFF2EA, #DEDDCB, #E4B8A4, #98C3BE, #724401)
• Amber Grove color palette (#FFF2EA, #ECD8BD, #90D7F5, #CF8565, #2A4F3F)
• Antique Amber color palette (#EEE0D2, #C28600, #715B00, #403C00, #0A0C00)

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