Tempered Cocoa color palette — #FCF4E7 · #D29595 · #907141 · #3E5989 · #6E360A

Bronze takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Rosewood Mist (#D29595): A luminous, dusty red — the color of late-summer berries.
• Walnut (#907141): A full-bodied, dusty gold — the color of old brass.
• Peacock (#3E5989): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#6E360A): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

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

• Antique Bronze color palette (#FAF5E7, #C098BD, #A3635C, #006476, #5D3F3D)
• Hushed Denim color palette (#FDF2F2, #BE849E, #707634, #005B80, #5B3448)
• Denim Field color palette (#FFF3E6, #C4A076, #678148, #634C82, #4B4741)
• Aged Bronze color palette (#E9F6EA, #D59D79, #967137, #3A5B3E, #37262D)
• Timeworn Pewter color palette (#FFF2F0, #D7BFB0, #9B8D70, #856986, #634752)
• Muted Fern color palette (#FBF4EB, #C7C1AA, #708A65, #7F5B5D, #5D4C00)
• Softworn Atelier color palette (#FFF3E4, #D26A3C, #6D6100, #3B28A4, #4F2C00)
• Wandering Shell color palette (#E8FBEE, #FFBDB6, #C4AB7A, #6D8FB2, #54424B)

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