Tempered Cocoa Summit color palette — #FFEEE1 · #C1A68D · #9A6847 · #713C24 · #2F1F0B

Built around Bronze, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Cream (#FFEEE1): A whisper-light, dusty gold — the color of old brass.
• Camel (#C1A68D): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#9A6847): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#713C24): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2F1F0B): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Chestnut Delta color palette (#F9F1E4, #C6BAA2, #938157, #774F06, #322B1A)
• Timeworn Chestnut color palette (#EDDDD0, #AD9377, #8B5625, #622D06, #241400)
• Bronze Veranda color palette (#FFF0F7, #C1A178, #A25F34, #71433F, #2D4335)
• Dusty Coast color palette (#F8F1E4, #C5B17F, #635416, #302700, #130B00)
• Olive Grove color palette (#F3E9C9, #9BA862, #716F00, #4E4400, #162000)
• Mulberry Courtyard color palette (#FBEFE7, #AF7044, #66509B, #731A64, #240F07)
• Dusty Veranda color palette (#F3F2EB, #ACBA8A, #2E8954, #5B6E00, #0C1003)
• Softworn Lagoon color palette (#EDF5C9, #84BC9A, #26896A, #005245, #002926)

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