Worn Cocoa color palette — #C3E6E7 · #007454 · #843B00 · #483400 · #002115
Bronze takes the lead with Pine close behind in a set that reads as optimism and balance at first glance.
The five colors
- Silver (#C3E6E7): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#007454): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#843B00): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#483400): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#002115): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Optimism, Balance. Tagged 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
- Cocoa Delta color palette (#D0F1F1, #00613E, #6F2B00, #382400, #001208)
- Pine Atelier color palette (#D7F6F3, #2D8445, #9A422E, #643900, #002E2B)
- Faded Orchard color palette (#C3E8DC, #556C00, #8A2B49, #641A00, #161E00)
- Abyss Study color palette (#C7EBFD, #007489, #625A00, #214800, #00242C)
- Eclipse Abyss Coast color palette (#E3F1FA, #004B66, #353A00, #00240D, #00050A)
- Aged Fern Field color palette (#EAF8FE, #0092A1, #836F2D, #425D0A, #173844)
- Hushed Wisteria Quarry color palette (#BFEAD4, #00ADD9, #B37EED, #377B2C, #002114)
- Weathered Garnet Basin color palette (#E2DEF1, #8B4C90, #830E2A, #432600, #1D2200)
Browse the whole catalog at Explore, or see today's palette.