Cocoa Boulevard color palette — #EAE9FF · #D29FCF · #AD6375 · #7C3317 · #312000

A conversation between Rust and Mocha, giving this palette its sense of optimism and creativity.

The five colors

• Frost (#EAE9FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#D29FCF): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#AD6375): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#7C3317): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#312000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, 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

• Garnet Study color palette (#EBF2FF, #B4A1E4, #9B639A, #7D2C39, #441400)
• Timeworn Harbor color palette (#FDEBFF, #E7AEBC, #AD7266, #765118, #303100)
• Linen Garnet color palette (#FFE9FC, #D49DB8, #AA596D, #8B1B1F, #612400)
• Soft Terracotta color palette (#F5F3FF, #DDB5E4, #CC758E, #A53A1F, #563300)
• Muted Lilac Dune color palette (#F2F4DD, #AE8ACE, #9D524E, #005157, #341A1D)
• Patina Ember Summit color palette (#ECDAE0, #CC6253, #814E00, #353300, #001402)
• Muted Blush Bloom color palette (#EBDBE2, #F48289, #A65300, #473D00, #102300)
• Ancient Pewter color palette (#F8EFF0, #DFD6CF, #C4BCAC, #8B6788, #35282A)

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