Cocoa Boulevard color palette — #FDF3E8 · #D29690 · #807845 · #4D5489 · #6B3900

Built around Bronze, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF3E8): a clean, paper-quiet neutral.
• Camel (#D29690): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#807845): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#4D5489): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#6B3900): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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

• Tempered Denim color palette (#FFF2EA, #C89E7F, #62824D, #674B80, #4B4741)
• Aged Denim color palette (#FAF5E5, #C097C1, #A1664F, #185F8B, #59403E)
• Dusty Taupe Garden color palette (#FEF4E4, #E5B28A, #9F9353, #41768E, #633F00)
• Bronze Archive color palette (#E7F7EA, #D79D6F, #86792F, #105A75, #233023)
• Cocoa Canyon color palette (#FFF2EF, #D2BDB7, #998D7B, #875E6C, #744009)
• Cypress Drift color palette (#FAF4EF, #CBE6E7, #839AC1, #237E75, #634A57)
• Gentle Aubergine Market color palette (#FFF3E8, #D16C1C, #496D00, #4C2795, #473100)
• Shell Market color palette (#EAFAED, #FFBFAD, #AFB381, #788DAE, #564149)

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