Cocoa Boulevard color palette — #FFF0F7 · #C4BE77 · #7E3C00 · #2A1000 · #040002
A conversation between Bronze and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F7): bright and airy, almost weightless.
- Pistachio (#C4BE77): A luminous, balanced green — the color of a quiet forest floor.
- Bronze (#7E3C00): A full-bodied, balanced gold — the color of honey in a jar.
- Ink (#2A1000): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Garnet Atelier color palette (#FFEFFF, #AAC685, #8F2135, #35000B, #030004)
- Chestnut Lagoon color palette (#FFF1F6, #E2D08A, #88561D, #3C2000, #0D0004)
- Marigold Parlor color palette (#E7FBF2, #E7AE69, #545500, #191A00, #000201)
- Feathered Bronze color palette (#ECDBCC, #DFB148, #B36000, #6D3904, #150700)
- Worn Marigold Terrace color palette (#E4F3E5, #C19D3C, #503600, #141B21, #0D0600)
- Terracotta Veranda color palette (#FFF0F8, #FE9F70, #008885, #A04300, #000201)
- Quiet Olive color palette (#FFF2EC, #D9B05B, #757F00, #00551D, #001312)
- Dusty Bronze Pier color palette (#ECF9F0, #FBE2B8, #897430, #453704, #04130A)
Browse the whole catalog at Explore, or see today's palette.