Cocoa Boulevard color palette — #F0E5DC · #C8B7A7 · #A18E76 · #5D2D00 · #030100

A conversation between Cocoa and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F0E5DC): bright and airy, almost weightless.
• Stone (#C8B7A7): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A18E76): A luminous, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Bronze Veranda color palette (#EADDD4, #A0998E, #7D7127, #4B1900, #140500)
• Patina Quarry color palette (#EFEEE6, #D1D2BC, #8FB18D, #455500, #030300)
• Ancient Fern Ridge color palette (#E6E1D3, #7F8A5C, #255D00, #002B2F, #000301)
• Antique Tangerine color palette (#F4DABC, #F1810B, #A77100, #6D5C00, #020100)
• Olive Workshop color palette (#ECE6D2, #70841A, #2A4500, #291700, #010100)
• Charred Chestnut color palette (#F6ECD3, #875800, #3C3100, #00110A, #020100)
• Timeworn Bronze Delta color palette (#FAF4ED, #DCDECE, #C1C9A8, #9D6B00, #271C0D)
• Weathered Olive Basin color palette (#F6F6E8, #D1E2D1, #B2B5C7, #599026, #262617)

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