Cocoa Boulevard color palette — #DFF1FC · #006A84 · #713F00 · #3D2000 · #000102
A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#DFF1FC): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006A84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#713F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#3D2000): A deep, shadowed, dusty gold — the color of old brass.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Feathered Garnet color palette (#C8EBFF, #006A83, #940112, #520006, #000102)
- Ultramarine Orchard color palette (#E4EFFF, #0058C5, #5F4B00, #322600, #000105)
- Eclipse Denim Boulevard color palette (#D7E5EF, #00527E, #3E3F00, #191A00, #000103)
- Aubergine Hollow color palette (#D8EAE3, #007EB9, #660084, #191E00, #00000C)
- Orchid Bloom color palette (#EBEDFF, #A142FF, #286000, #1A4400, #020006)
- Aged Iris color palette (#F1F5FF, #828BFF, #626F00, #495400, #02051A)
- Worn Wisteria color palette (#F4F4FF, #BB7DEC, #928E36, #676308, #141325)
- Pale Mulberry Study color palette (#D3EFFD, #009EBB, #8A0060, #004351, #020006)
Browse the whole catalog at Explore, or see today's palette.