Cocoa Boulevard color palette — #FEF3E8 · #B9A386 · #8D6B4A · #7B3F1E · #403D36

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Camel (#B9A386): A luminous, dusty gold — the color of old brass.
• Walnut (#8D6B4A): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#7B3F1E): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, 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

• Dusty Chestnut color palette (#F4E5D5, #A7956B, #845A1C, #693406, #33302A)
• Chestnut Studio color palette (#F9F5EA, #BEB8A0, #8A8155, #7C550E, #4F4A00)
• Amber Harbor color palette (#FFF1F6, #A0CAAD, #B8824F, #8C5A52, #2B433B)
• Muted Chestnut color palette (#FAF4EF, #D9A07D, #607A24, #944700, #272513)
• Weathered Corridor color palette (#FFF1F6, #EBCC99, #CBA47E, #A77D68, #304237)
• Sunlit Canyon color palette (#FFEEDD, #C1A671, #847A11, #3E5800, #004435)
• Tempered Cocoa color palette (#E6DED2, #82763D, #5A4000, #3C2000, #161800)
• Patina Garden color palette (#FFF2EA, #B46C4A, #00827F, #005495, #38312D)

Browse the whole catalog at Explore, or see today's palette.