Cocoa Boulevard color palette — #FFE9DF · #BEE4CD · #D6C6C0 · #663200 · #27201B

Bronze and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FFE9DF): A whisper-light, dusty orange — the color of autumn markets.
• Celadon Mist (#BEE4CD): A whisper-light, dusty teal — the color of sea glass.
• Oat (#D6C6C0): a calm mid-gray that lets other colors speak.
• Bronze (#663200): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#27201B): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Ancient Station color palette (#DBFFED, #FFF192, #E2DDD3, #584300, #2A271F)
• Sunlit Seafoam Loft color palette (#CCE9FF, #3EFDDB, #FFC4B4, #995B39, #38312E)
• Aged Coast color palette (#FFF2F0, #ECAFC7, #86B4D7, #6D7FB7, #412B29)
• Hazy Chartreuse Corridor color palette (#FFEDF3, #93FF89, #FFC473, #462C00, #1B1105)
• Worn Chartreuse Quarry color palette (#FFF2EC, #BAFFEC, #DBEA00, #3D3C35, #1A1709)
• Amber Courtyard color palette (#F9F4EE, #E0DFCD, #AAB768, #C68E2D, #221E0E)
• Muted Seafoam color palette (#E5EBFF, #10EFAB, #FF9B99, #3A2F39, #201B20)
• Stone Coast color palette (#F8F5EF, #D9DAD4, #A3B5BA, #C1AC7A, #534C42)

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