Tempered Cocoa color palette — #FEF0FF · #DFBDD2 · #B8969F · #8A6C47 · #594900

Deep Olive takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Oat (#DFBDD2): A whisper-light, dusty pink — the color of peonies in June.
• Dusty Rose (#B8969F): A luminous, dusty red — the color of embers at dusk.
• Walnut (#8A6C47): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#594900): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, 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

• Washed Boulevard color palette (#FFF0F8, #E8D2D7, #BFA7A5, #8E876D, #4E5300)
• Chestnut Cabin color palette (#DFFEED, #ADD2C9, #B193A5, #9A6F5D, #744B01)
• Worn Driftwood Workshop color palette (#EFE2F1, #C6A09D, #AF6C64, #40613B, #004639)
• Faded Station color palette (#E1E7FF, #B8A1CE, #AD6E9A, #786400, #324A00)
• Airy Harbor color palette (#FFE2EC, #DCABCD, #C47F84, #537828, #00563C)
• Muted Basalt Summit color palette (#FAF4ED, #D3C39D, #8B9566, #417B8C, #543F00)
• Muted Fern Meadow color palette (#EAFBE9, #98C1B5, #927EAA, #5F661D, #3E4F3F)
• Timeworn Veil color palette (#E9F8FF, #C6D5FF, #C2B5D6, #759C8D, #3A554B)

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