Worn Cocoa color palette — #D4F5FA · #72B0B9 · #2D7F8A · #6F4200 · #304500
A conversation between Bronze and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Frost (#D4F5FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#72B0B9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#2D7F8A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Bronze (#6F4200): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#304500): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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
- Chalky Teal Harbor color palette (#E4E6C7, #59B897, #38799B, #694900, #4F3600)
- Tempered Garden color palette (#DFF3F2, #54B0AE, #3467B0, #515500, #004B3C)
- Navy Market color palette (#FFF0FC, #7EC4D3, #0075AE, #00583D, #192874)
- Patina Workshop color palette (#E2FAFF, #ACC5CA, #8392A4, #547F6B, #3A575A)
- Powder Grove color palette (#CBEFE6, #6ACAFF, #A58BC9, #8C7D3A, #463B03)
- Abyss Alley color palette (#D8F3F2, #7EA8CB, #755B8D, #00583E, #073E50)
- Aged Harbor color palette (#DAE8F2, #5488AA, #654D7A, #004638, #003142)
- Hushed Indigo Loft color palette (#DAF2FF, #639EED, #6B58B0, #6D361C, #342400)
Browse the whole catalog at Explore, or see today's palette.