Worn Cocoa color palette — #EBFAEB · #90B0A0 · #8D6C36 · #7C3E22 · #25443E
Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#EBFAEB): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#90B0A0): A luminous, dusty teal — the color of shallow lagoons.
- Walnut (#8D6C36): A full-bodied, balanced gold — the color of old brass.
- Bronze (#7C3E22): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#25443E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Ancient Cocoa Studio color palette (#D9EFDD, #979B70, #7C5E1B, #6D2F00, #063933)
- Softworn Garnet Boulevard color palette (#FFF0FA, #BD9DA8, #966454, #7A3A4B, #264533)
- Ancient Amber Balcony color palette (#EAFAEB, #CCBD8C, #AF8846, #846144, #284438)
- Softworn Onyx color palette (#FFF0F8, #B2B282, #72442F, #4B1F09, #2B1D25)
- Washed Terracotta Meadow color palette (#FAF3F7, #D5A18B, #00835D, #9D3D00, #112829)
- Aged Market color palette (#FFEDE6, #C4A16B, #7C7911, #056314, #00453D)
- Tempered Drift color palette (#CFEDD9, #6C7E3E, #534400, #3E1F00, #001D08)
- Weathered Loft color palette (#EBFAEA, #A37839, #348162, #404A96, #253925)
Browse the whole catalog at Explore, or see today's palette.