Cocoa Boulevard color palette — #DCFFEB · #B4D6CD · #B793A9 · #865846 · #5A3A00
A conversation between Cocoa and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Honeydew (#DCFFEB): A whisper-light, dusty teal — the color of shallow lagoons.
- Oat (#B4D6CD): A whisper-light, dusty teal — the color of shallow lagoons.
- Dusty Rose (#B793A9): A luminous, dusty pink — the color of peonies in June.
- Coffee (#865846): A full-bodied, dusty orange — the color of toasted spice.
- Cocoa (#5A3A00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged vintage, 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
- Cocoa Balcony color palette (#E5FEDE, #B0DDC2, #80A7CE, #945E6A, #653000)
- Bronze Parlor color palette (#DAFFF2, #E8C5E1, #A692C0, #935F3C, #42350B)
- Worn Ash color palette (#D9E5BB, #ACD0BC, #9DA2D8, #838151, #514000)
- Weathered Ash color palette (#D0E8F0, #85A7CA, #74779F, #664C5C, #374A37)
- Weathered Fern Thicket color palette (#FFF0FB, #E7D7D6, #D9B3B5, #9C917B, #575300)
- Ancient Harbor color palette (#D6E7F9, #908FBD, #74478B, #4D3000, #0A0900)
- Frosted Corridor color palette (#F1F5FF, #C0B4FF, #BC72BA, #806100, #333900)
- Muted Taupe color palette (#FFF1F6, #FCD1FB, #D793A9, #71753F, #264E34)
Browse the whole catalog at Explore, or see today's palette.