Tempered Cocoa color palette — #F0F5FF · #D7C3FF · #B987AE · #9A606B · #703B17

Bronze and Lilac Frost set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lilac Frost (#D7C3FF): A whisper-light, balanced violet — the color of wild irises.
• Dusty Rose (#B987AE): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#9A606B): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#703B17): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged 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

• Washed Plum Delta color palette (#F1F5FF, #E2D5E8, #D39ECD, #AE5471, #74261E)
• Ash Dune color palette (#E3FAFF, #A7D3FF, #9695CF, #84618B, #693243)
• Petal Delta color palette (#FFF1F5, #FFB4D6, #CB8581, #976A43, #534300)
• Dusty Powder color palette (#EFFAE3, #AEB9F8, #B68096, #637555, #574048)
• Quiet Fuchsia color palette (#EAE5FF, #E86ED4, #B84368, #743000, #312000)
• Hushed Ash color palette (#FBF2F6, #E3D8D4, #B6B3A6, #B58F9F, #585053)
• Softworn Shell Boulevard color palette (#FFF0FA, #F1C2C1, #B6A08E, #7B8577, #495643)
• Wisteria Garden color palette (#FFEDEE, #D076C4, #67534C, #403536, #252022)

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