Cocoa Boulevard color palette — #F2E8DC · #B89B52 · #92682D · #773A00 · #2E2200
A conversation between Bronze and Mustard, giving this palette its sense of optimism and balance.
The five colors
- Parchment (#F2E8DC): a clean, paper-quiet neutral.
- Mustard (#B89B52): A luminous, balanced gold — the color of honey in a jar.
- Walnut (#92682D): A full-bodied, balanced gold — the color of old brass.
- Bronze (#773A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Onyx (#2E2200): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, 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
- Linen Marigold Lagoon color palette (#FFD4B5, #DB9421, #B15F00, #8E2E00, #352700)
- Worn Chestnut color palette (#F2E6D5, #B9AF7B, #987C40, #7B501F, #32302A)
- Tempered Bronze color palette (#E6FDE4, #C9B071, #A06900, #6D3500, #00180D)
- Moss Lantern color palette (#F2E5CC, #90923B, #725F00, #533700, #111A00)
- Ancient Terrace color palette (#FFF3E6, #D9C8AE, #B0967A, #9E6637, #5A4400)
- Linen Pier color palette (#FFDEC8, #A86E38, #853906, #600202, #120900)
- Hushed Bronze color palette (#F1E9DD, #7E6E2D, #5B3F00, #381C00, #040400)
- Faded Indigo Workshop color palette (#FBDDEF, #5F69EA, #914D00, #234D00, #001B0E)
Browse the whole catalog at Explore, or see today's palette.