Cocoa Boulevard color palette — #FDF3ED · #C4E3CE · #A87966 · #6C3505 · #241811

A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Celadon Mist (#C4E3CE): A whisper-light, dusty teal — the color of glacier melt.
• Mocha (#A87966): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#6C3505): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#241811): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Amber Station color palette (#F2EEE0, #CC9654, #3F3F00, #1D2726, #080800)
• Olive Lagoon color palette (#F7F6E9, #E9DEB8, #6B7F3E, #323E14, #121002)
• Washed Stone Pier color palette (#F8F0EB, #DAC08A, #7F563E, #36302B, #18130E)
• Antique Taupe color palette (#FBF2F6, #F2DBAC, #CB8E6B, #816372, #32282D)
• Dusty Amber color palette (#FAF4F0, #E1DBCF, #6FC1A9, #D38263, #1A2115)
• Denim Cabin color palette (#F7F5ED, #C2C380, #78A073, #565DA0, #302718)
• Patina Driftwood color palette (#FDF3ED, #F4B09C, #69C0BA, #9173AC, #37302C)
• Mustard Orchard color palette (#FCF4E7, #D8B66B, #684C00, #211600, #020100)

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