Cocoa Boulevard color palette — #FFECF5 · #E1A1AD · #AC5957 · #822F00 · #381D00

A conversation between Rust and Brick, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFECF5): A whisper-light, dusty rose — the color of strawberry cream.
• Ballet Pink (#E1A1AD): A luminous, dusty red — the color of embers at dusk.
• Brick (#AC5957): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#822F00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#381D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns 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

• Tempered Bronze Basin color palette (#FFEAFD, #DC9D8C, #A66635, #654500, #292100)
• Quiet Garnet color palette (#F8E4FF, #C899C1, #A3597A, #891239, #470700)
• Wandering Ember Delta color palette (#FFF0F8, #FCA5B9, #D8695E, #A34925, #563100)
• Hushed Blush Villa color palette (#E4F8E8, #CE8298, #99563D, #005341, #2D1B2E)
• Patina Terrace color palette (#F4F0F6, #DCD4D7, #C7B7B9, #9B6078, #302934)
• Sunlit Coral color palette (#FFDDE1, #ED5D55, #9F4200, #482A00, #1B1200)
• Faded Boulevard color palette (#F9EEF8, #FFCCD0, #FF939F, #D16600, #421815)
• Brick Grove color palette (#F5DDE3, #AC3548, #611900, #250D00, #030100)

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