Worn Cocoa color palette — #D1ECD2 · #7EB1C8 · #5A78A2 · #6E483E · #643200
A conversation between Bronze and Slate, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D1ECD2): A whisper-light, dusty green — the color of new leaves after rain.
- Blue Fog (#7EB1C8): A luminous, dusty blue — the color of deep harbor water.
- Slate (#5A78A2): A full-bodied, dusty blue — the color of open sky before noon.
- Coffee (#6E483E): A full-bodied, dusty orange — the color of sun-warmed clay.
- Bronze (#643200): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Sophistication. 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
- Cerulean Loft color palette (#E2E9C4, #9EB295, #398294, #70454D, #563933)
- Cocoa Grove color palette (#D6F6E3, #6DA7AF, #846479, #673B00, #372009)
- Antique Chestnut Balcony color palette (#DDFFE9, #D0B6D3, #7B7EAC, #925730, #744902)
- Pewter Lagoon color palette (#BFEEE6, #94C4D3, #7C8CA6, #547458, #364738)
- Chalky Study color palette (#E1F3FF, #8293D1, #8B53BF, #6F3E00, #4A4113)
- Driftwood Summit color palette (#C3E9FF, #A4CEEF, #95AED5, #9A799D, #563248)
- Ancient Thicket color palette (#D3F0F3, #4D84A8, #374A9A, #611D19, #391E00)
- Azure Cabin color palette (#DBF5ED, #3695D8, #AC6500, #005B90, #4C2D0B)
Browse the whole catalog at Explore, or see today's palette.