Cocoa Boulevard color palette — #FCEEF0 · #B68BB6 · #9F5B5F · #6D4000 · #262B00

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCEEF0): bright and airy, almost weightless.
• Dusty Rose (#B68BB6): A luminous, dusty pink — the color of a candy shop window.
• Walnut (#9F5B5F): A full-bodied, balanced red — the color of a theater curtain.
• Bronze (#6D4000): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#262B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

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

• Cocoa Station color palette (#FAEEF5, #9697C4, #8F5E88, #763537, #3A2100)
• Worn Cocoa color palette (#FDE8E5, #B15C7B, #873C00, #3C3400, #220031)
• Worn Bronze color palette (#FFEDEE, #DAC4C3, #A28B85, #916328, #583E00)
• Softworn Amber color palette (#FCEFE8, #C57469, #865B0B, #394800, #00251A)
• Plum Cabin color palette (#FFE6E1, #A5475C, #6D3500, #2D2800, #000F02)
• Hushed Plum Station color palette (#EDF7FF, #6A9EC4, #A1546D, #4E5A24, #1A4A50)
• Hazy Mulberry color palette (#FFDFEA, #CDAFDD, #A578B1, #814781, #50292E)
• Tempered Terracotta color palette (#FFEDEC, #C55299, #A71F00, #4B3400, #101C00)

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