Tempered Cocoa Terrace color palette — #F5F4FF · #CEB8E5 · #A583A4 · #7A3F35 · #401700

Coffee and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Lavender (#CEB8E5): A luminous, dusty violet — the color of wild irises.
• Dusty Rose (#A583A4): A luminous, dusty pink — the color of a candy shop window.
• Coffee (#7A3F35): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#401700): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Cocoa Terrace 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

• Worn Grove color palette (#E5F1FF, #A5B8F1, #8783AE, #79455D, #4F2027)
• Muted Workshop color palette (#FFF0F7, #CEB4D4, #B07A76, #6D591F, #2D2A00)
• Driftwood Boulevard color palette (#F8DCF1, #AD7993, #86525B, #3E2500, #100B00)
• Dusty Lantern color palette (#E3DEEB, #BA9AC2, #8C607C, #612D17, #251100)
• Patina Pewter Delta color palette (#C6E9F9, #7F8BBB, #835387, #344117, #1E1E02)
• Driftwood Chapel color palette (#F9F2FF, #E8D5DD, #D2B8BE, #809585, #42534B)
• Hushed Bronze color palette (#CAF1F8, #9BBCDF, #9F93BF, #857A21, #053E1E)
• Grape Basin color palette (#F4F4FF, #C492E7, #DB6F32, #8040A7, #2D0E00)

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