Cocoa Boulevard color palette — #FBF2F8 · #CDA0B0 · #774032 · #4C1E12 · #2B1C27

Bronze and Espresso set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Rosewood Mist (#CDA0B0): A luminous, dusty rose — the color of strawberry cream.
• Bronze (#774032): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4C1E12): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#2B1C27): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, 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

• Wandering Cocoa Harbor color palette (#FCF2F5, #97B999, #6D4822, #452500, #2F1A23)
• Dusty Terracotta Cabin color palette (#F9EEF8, #BEB670, #8B3535, #371C35, #130812)
• Patina Sand Chapel color palette (#FFF2EB, #FFCA8F, #C6816B, #69615D, #291F19)
• Patina Quarry color palette (#FFF2ED, #CDC789, #A25A57, #623331, #2A1F1A)
• Timeworn Chestnut color palette (#FAF3F6, #D9A178, #7E6F0D, #904A00, #112A1D)
• Dusty Marigold Meadow color palette (#E8FBEB, #C39B41, #5C4400, #332400, #01220C)
• Ancient Amber color palette (#F7DCE8, #C38313, #5C2C00, #2D1200, #200313)
• Worn Studio color palette (#FAF3F5, #CDDADC, #ABC3C0, #9E661C, #524348)

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