Tempered Cocoa color palette — #FFDFF9 · #E5AEC4 · #BA7F85 · #85683E · #5C4800

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

The five colors

• Blush (#FFDFF9): A whisper-light, dusty pink — the color of a candy shop window.
• Carnation (#E5AEC4): A luminous, dusty rose — the color of pressed rose petals.
• Dusty Rose (#BA7F85): A luminous, dusty red — the color of late-summer berries.
• Walnut (#85683E): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#5C4800): A full-bodied, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Ancient Cocoa color palette (#E3E8FF, #E2B4C8, #AF838E, #9A6265, #673627)
• Bronze Parlor color palette (#FFF2EE, #DFC1B3, #B49F90, #837127, #545100)
• Patina Studio color palette (#FFDFF4, #C796A9, #9E6C70, #6D511F, #473D00)
• Worn Ridge color palette (#FDE4EB, #C57C84, #906056, #544812, #242700)
• Worn Loft color palette (#DCEBFF, #C89DAE, #AA6381, #326A48, #00525A)
• Hushed Fern Summit color palette (#FCE7D7, #917647, #615100, #003A24, #001814)
• Worn Olive color palette (#F3D7D0, #EF9A67, #AC7E4A, #4B7016, #00481E)
• Worn Lagoon Summit color palette (#E0ECFF, #D0BEE9, #D293AB, #539A79, #0E534F)

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