Cocoa Boulevard color palette — #FFECDE · #634800 · #383200 · #091600 · #000201
Built around Bronze, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Cream (#FFECDE): A whisper-light, dusty gold — the color of honey in a jar.
- Bronze (#634800): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#383200): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#091600): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged 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
- Twilit Fern color palette (#EDECD1, #336000, #2E2B00, #180B00, #000202)
- Aubergine Studio color palette (#CFF1E1, #505000, #450D90, #202000, #020008)
- Inked Garnet color palette (#FFDEE2, #920D00, #4A2600, #120C00, #020200)
- Aubergine Orchard color palette (#E7EAD4, #3D3F00, #450070, #390030, #010100)
- Grape Hollow color palette (#F5E5D6, #6700EA, #784300, #0B0E06, #040001)
- Smoked Pine Grove color palette (#E2EBCA, #02781D, #004735, #001E21, #000507)
- Hazy Emerald color palette (#E7E8C9, #3CA54D, #006F80, #442000, #010300)
- Fern Bloom color palette (#EBDDC7, #938700, #3F6B00, #003C14, #001914)
Browse the whole catalog at Explore, or see today's palette.