Cocoa Boulevard color palette — #F1DFC6 · #BEBD97 · #41A2A3 · #85583B · #6C3C00
A conversation between Bronze and Turquoise, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F1DFC6): A whisper-light, dusty gold — the color of old brass.
- Stone (#BEBD97): A luminous, dusty green — the color of new leaves after rain.
- Turquoise (#41A2A3): A luminous, balanced teal — the color of glacier melt.
- Coffee (#85583B): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Bronze (#6C3C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, 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
- Lagoon Alley color palette (#FFE1CF, #CABA9A, #5EA081, #895567, #5C3F3B)
- Timeworn Market color palette (#FFF4DD, #C0C4A9, #7FA390, #9E6F36, #694900)
- Dusty Lagoon color palette (#FAF5E7, #9BC18F, #009678, #7A5F13, #35362F)
- Bronze Terrace color palette (#DAE6BD, #A2C2AB, #A17D94, #906427, #5B3900)
- Ancient Garden color palette (#E8E3C5, #70AA8A, #00768B, #703903, #3C1B00)
- Turquoise Atelier color palette (#DDE8DA, #17C2D0, #687DC9, #815A00, #4D3504)
- Sunlit Ember Grove color palette (#D3EDD5, #00AAAF, #D95E35, #9D6200, #17331B)
- Worn Seafoam Pier color palette (#D7FFF5, #9EDCCC, #80A9C0, #82627D, #462E42)
Browse the whole catalog at Explore, or see today's palette.