Tempered Cocoa Boulevard color palette — #FFF2EF · #E3D8D2 · #E6A49B · #A2634E · #5E2901

Espresso takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E3D8D2): a clean, paper-quiet neutral.
• Rose Quartz (#E6A49B): A luminous, dusty orange — the color of autumn markets.
• Walnut (#A2634E): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5E2901): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Frosted Terracotta Archive color palette (#FDF0FF, #E5ABAE, #BA6B62, #89422C, #693618)
• Bronze Balcony color palette (#FFF3E7, #FFCFCF, #C59584, #847228, #672B0D)
• Timeworn Chapel color palette (#FFF1F4, #EDD8DD, #DAA1C7, #975A79, #69243B)
• Quiet Apricot Terrace color palette (#FFF2ED, #F79357, #B56400, #5E3900, #1A1000)
• Misty Tangerine Boulevard color palette (#FFF2F0, #FFBCA5, #E67633, #904E00, #3F2600)
• Softworn Coral color palette (#FFF2ED, #EC928D, #7D431E, #352722, #140E0C)
• Amber Orchard color palette (#F7E9DD, #D99026, #846100, #382B00, #030200)
• Dusty Stone Villa color palette (#FCF3F1, #DFD8D2, #AEB9B3, #D1A19B, #564A48)

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