Worn Cocoa color palette — #E1E9E1 · #99A9A2 · #6E8D8C · #5D3E00 · #030C04
Bronze and Storm Blue set the tone — five colors that lean into optimism and sophistication.
The five colors
- Parchment (#E1E9E1): a clean, paper-quiet neutral.
- Taupe (#99A9A2): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#6E8D8C): A luminous, dusty teal — the color of sea glass.
- Bronze (#5D3E00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#030C04): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Washed Chestnut color palette (#E8F3EA, #8DA6A5, #679297, #7E5D00, #040C05)
- Softworn Basalt color palette (#EBE7E1, #C0BBA6, #8E9679, #513500, #020100)
- Garnet Balcony color palette (#E7DFE5, #B09FA5, #718E7F, #830C07, #10050E)
- Tempered Bronze Harbor color palette (#ECE8E2, #9F9989, #7B7228, #392800, #100700)
- Washed Courtyard color palette (#DCECEA, #A2B9BD, #7C9AAA, #0F640F, #001816)
- Hushed Lagoon color palette (#C5E8DD, #318663, #005051, #46192F, #000804)
- Wandering Lagoon color palette (#FFE0D8, #877835, #276143, #4B1A33, #2B0018)
- Pine Market color palette (#ECF8F7, #C4E5ED, #A3C3D8, #008F4C, #1A3938)
Browse the whole catalog at Explore, or see today's palette.