Cocoa Boulevard color palette — #F4F9D6 · #C6DDBC · #91C2DC · #AC8974 · #753E10

Bronze takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F4F9D6): A whisper-light, dusty green — the color of new leaves after rain.
• Celadon Mist (#C6DDBC): A whisper-light, dusty green — the color of fresh herbs.
• Sky (#91C2DC): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#AC8974): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#753E10): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted, light.

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

• Cocoa Field color palette (#EFF9E7, #C4E0DC, #D1BBCE, #AD9B89, #644700)
• Weathered Ridge color palette (#E4FEDE, #B9E4DA, #9DBDAA, #917988, #654A54)
• Sunlit Periwinkle color palette (#D3E9D7, #6ACDCF, #6CA5DC, #A46F51, #513800)
• Washed Courtyard color palette (#F7F6EC, #D1DAB4, #68BFAB, #96916E, #3E4800)
• Frosted Driftwood color palette (#BCF8ED, #87D8FB, #A1ACE9, #A28940, #4D5217)
• Aged Powder Canyon color palette (#FBF3EF, #C3EBE4, #78C9EF, #5CA992, #563E58)
• Softworn Bloom color palette (#C3F4F5, #92BECB, #6F899A, #655972, #423140)
• Aged Loft color palette (#C1EBF1, #90C1EB, #A18ED1, #887835, #35332C)

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