Cocoa Boulevard color palette — #F5FAD0 · #BFE5CB · #AABBA0 · #6A867D · #683D00
Bronze takes the lead with Custard close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F5FAD0): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#BFE5CB): A whisper-light, dusty teal — the color of sea glass.
- Sage (#AABBA0): A luminous, dusty green — the color of new leaves after rain.
- Storm Blue (#6A867D): A full-bodied, dusty teal — the color of sea glass.
- Bronze (#683D00): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, 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
- Wandering Studio color palette (#FFF4DA, #D0E0C2, #B1B298, #6F8D74, #3F594B)
- Antique Driftwood Delta color palette (#E1FEE6, #BAE3E0, #9CB7AD, #9B7484, #5E4449)
- Aged Lagoon Orchard color palette (#D7F6E4, #96C4BD, #589B98, #614F67, #413145)
- Washed Bronze color palette (#F9F5EA, #D4E6BE, #94A66E, #8C732B, #3A3831)
- Wandering Chapel color palette (#F4F6ED, #BDE1F2, #86C3EB, #338FA5, #20483E)
- Gentle Studio color palette (#DDFFE7, #A2F1C6, #4CC29A, #1C836D, #00453E)
- Soft Mint Market color palette (#E8FDDF, #3FD5BF, #77B0E3, #90994F, #21301A)
- Ancient Ash color palette (#CCE9FF, #81A4D0, #666E9D, #552F49, #270505)
Browse the whole catalog at Explore, or see today's palette.