Worn Cocoa color palette — #DAEEC4 · #71B9B8 · #4F7F6E · #744E4F · #5E3B00

Bronze takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#DAEEC4): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#71B9B8): A luminous, dusty teal — the color of sea glass.
• Fern (#4F7F6E): A full-bodied, dusty teal — the color of glacier melt.
• Coffee (#744E4F): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#5E3B00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, 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

• Softworn Cypress Delta color palette (#E1E2C4, #97AA83, #2D7F83, #714753, #563736)
• Wandering Workshop color palette (#C5F0D3, #84B3A4, #89647B, #78483B, #613A00)
• Dusty Seafoam Quarry color palette (#BEEADA, #7BD0C1, #7592AF, #7A5C6F, #54374A)
• Timeworn Dune color palette (#F6F6E7, #7BA788, #00745C, #3C532E, #303B00)
• Cobalt Parlor color palette (#DCEFF2, #65A6D0, #5F68AC, #75382A, #563000)
• Worn Violet color palette (#D2EAFF, #9EA9D5, #9265AE, #7A5123, #4E4619)
• Muted Alley color palette (#E8FBF0, #C8B8CA, #AD8DA0, #965A33, #524F00)
• Wandering Rust color palette (#E2F4E8, #009EB8, #D13D07, #006172, #572315)

Browse the whole catalog at Explore, or see today's palette.