Cocoa Boulevard color palette — #FEF3EC · #ECD4C2 · #D1AE97 · #B58479 · #693B00
A conversation between Bronze and Caramel, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FEF3EC): a clean, paper-quiet neutral.
- Bone (#ECD4C2): A whisper-light, dusty gold — the color of old brass.
- Rosewood Mist (#D1AE97): A luminous, dusty gold — the color of afternoon light on wheat.
- Caramel (#B58479): A luminous, dusty orange — the color of toasted spice.
- Bronze (#693B00): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, 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
- Timeworn Loft color palette (#FFF3E9, #F8D6B5, #DAB17B, #AC861F, #564700)
- Softworn Stone color palette (#FDF1F8, #EDD4D1, #D79F8B, #89718A, #354438)
- Weathered Veranda color palette (#FFEADA, #EFBC90, #E28C4E, #C95A1E, #4B2E02)
- Patina Bronze Market color palette (#EFE1C9, #AD9F66, #9B7700, #785200, #191700)
- Softworn Alley color palette (#FBEDF5, #D5AEC1, #9B768C, #694E62, #38262E)
- Dusty Thicket color palette (#FFF2EF, #F3ACB9, #C9B486, #9393CD, #4E3631)
- Quiet Terracotta color palette (#FFE6D6, #AE6F48, #9E3D00, #751701, #080200)
- Weathered Sand Dune color palette (#E6DFFF, #FFD3A9, #FFC1CB, #7C5952, #3E3331)
Browse the whole catalog at Explore, or see today's palette.