Worn Cocoa color palette — #CBEFFF · #006A88 · #704000 · #3C2000 · #000201
A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#CBEFFF): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006A88): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#3C2000): A deep, shadowed, dusty gold — the color of old brass.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Worn Cocoa 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
- Softworn Garnet color palette (#E0F4DC, #006F68, #882600, #451800, #000201)
- Muted Ultramarine color palette (#E2EBF8, #005BBD, #584E00, #2E2800, #000105)
- Obsidian Cocoa Canyon color palette (#C9EBD2, #005A67, #5F2800, #001907, #000201)
- Velvet Garnet Coast color palette (#D2E2F0, #00496D, #62004A, #221C00, #000103)
- Obsidian Ultramarine color palette (#F7DAF4, #0454EB, #6A1E00, #131800, #000200)
- Dusty Orchid color palette (#FFE6F0, #9F45FF, #006320, #004614, #020007)
- Timeworn Lagoon color palette (#FFF0F8, #AC9EFF, #4E8D34, #406D2E, #220D19)
- Sunlit Aubergine color palette (#DCE4C7, #0077D6, #62008C, #181F00, #01000B)
Browse the whole catalog at Explore, or see today's palette.