Cocoa Boulevard color palette — #FDF3EB · #CDBFA2 · #718B5A · #7B5C63 · #624900
Bronze takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FDF3EB): a clean, paper-quiet neutral.
- Sand (#CDBFA2): A luminous, dusty gold — the color of afternoon light on wheat.
- Fern (#718B5A): A luminous, dusty green — the color of a quiet forest floor.
- Graphite (#7B5C63): A full-bodied, dusty red — the color of a theater curtain.
- Bronze (#624900): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Aged Fern color palette (#F9F5EB, #CED7A9, #9D9E79, #6A847A, #5A4D00)
- Dusty Driftwood color palette (#EAF5EE, #A0CFBE, #738B67, #546470, #25352F)
- Weathered Harbor color palette (#FFF1F3, #CC9EC8, #87A54E, #925D8E, #4E4D46)
- Sand Ridge color palette (#FFF1F7, #E5DAD3, #E5CE97, #A487A0, #604E4F)
- Timeworn Cypress Lagoon color palette (#FBF3F1, #C9ECE2, #63A3BB, #4F7B55, #5C4C5E)
- Fern Bloom color palette (#ECDCCE, #8C7927, #304F00, #2E225C, #241900)
- Weathered Pine Villa color palette (#FFF3E3, #9BAD5B, #007E43, #703C5F, #3C3B34)
- Forest Courtyard color palette (#EDE4D0, #799662, #006549, #592D43, #2C2B02)
Browse the whole catalog at Explore, or see today's palette.