Tempered Cocoa color palette — #FFF0F7 · #D8B66F · #7F3B00 · #2B0F00 · #040002

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Sand (#D8B66F): A luminous, balanced gold — the color of old brass.
• Bronze (#7F3B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#2B0F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Mustard Harbor color palette (#E8FBF0, #DCB55F, #5D5100, #1D1800, #000201)
• Soft Mulberry Field color palette (#FAF2FD, #DBB564, #8A2548, #340014, #030004)
• Dusty Orchard color palette (#FFF1F6, #E9CC90, #875727, #3D2000, #0A0104)
• Airy Balcony color palette (#EBD8E3, #C2BD58, #C54E00, #6F371D, #170410)
• Muted Marigold Loft color palette (#E5F3E4, #C29C45, #533500, #131B20, #0E0600)
• Olive Boulevard color palette (#FFF1F5, #ECAC68, #598600, #8D5400, #010100)
• Weathered Market color palette (#F2D8CA, #9C9000, #631F00, #250700, #040100)
• Bronze Lagoon color palette (#EDF9EF, #FCE2AE, #8D7238, #483507, #041407)

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