Tempered Cocoa color palette — #F6ECE3 · #D8CFC0 · #ADA78B · #753C00 · #060200

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

The five colors

• Cream (#F6ECE3): a clean, paper-quiet neutral.
• Oat (#D8CFC0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#ADA78B): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#753C00): A full-bodied, balanced gold — the color of old brass.
• Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Aged Lantern color palette (#F7EBE8, #DDCCC3, #BBA186, #881F3D, #090000)
• Ancient Basalt color palette (#EBE4DD, #AD9D8A, #8C7A4E, #4F2D00, #090300)
• Ancient Bloom color palette (#F6F6E9, #CEDED4, #ADC1AB, #426D22, #0E0E00)
• Aged Olive color palette (#FFDFD8, #B1956C, #507235, #302253, #15000D)
• Muted Corridor color palette (#E7DDE1, #A6B7B2, #7DA49D, #A25F00, #240915)
• Muted Moss Station color palette (#E7E1CD, #65A04F, #005C40, #530621, #000200)
• Charred Station color palette (#EEE0D4, #985300, #004643, #180042, #010008)
• Cocoa Basin color palette (#FAEEDB, #4D595C, #614A00, #131A14, #040700)

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