Worn Cocoa color palette — #C5EFDF · #96C2C2 · #5F9AA8 · #8D5E5F · #5A390F
A conversation between Cocoa and Storm Blue, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#C5EFDF): A whisper-light, dusty teal — the color of sea glass.
- Ash (#96C2C2): A luminous, dusty teal — the color of glacier melt.
- Storm Blue (#5F9AA8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pewter (#8D5E5F): A full-bodied, dusty red — the color of embers at dusk.
- Cocoa (#5A390F): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Timeworn Pewter Coast color palette (#E1F5E7, #A0C1BC, #6B919A, #766181, #5B394A)
- Worn Chestnut Hollow color palette (#CCF3F1, #9AB9C4, #7499BA, #865B44, #2A5040)
- Softworn Corridor color palette (#F3FACF, #94E7E2, #75A392, #9B5C3B, #592300)
- Tempered Summit color palette (#EBF9F4, #93C1A0, #259381, #5B6A3F, #193E26)
- Wandering Cocoa color palette (#DDEED8, #689DA6, #017C9E, #7F3722, #312300)
- Chestnut Chapel color palette (#C7EDFB, #8EAECA, #8175AB, #6E5E00, #104122)
- Softworn Coral color palette (#E0F2FB, #5DB6D0, #D77474, #007E9A, #5A1F21)
- Antique Nightshade Study color palette (#D2E9EF, #477B96, #56468B, #3F3500, #071800)
Browse the whole catalog at Explore, or see today's palette.