Worn Cocoa color palette — #E2F4CC · #84CDDC · #B18EAB · #8C6B4B · #6A4500

Bronze and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E2F4CC): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#84CDDC): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#B18EAB): A luminous, dusty pink — the color of a candy shop window.
• Walnut (#8C6B4B): A full-bodied, dusty gold — the color of old brass.
• Bronze (#6A4500): A full-bodied, balanced gold — the color of honey in a jar.

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

• Washed Aqua color palette (#CFFFD9, #7BCACD, #729DC5, #8C624C, #6D442D)
• Ash Courtyard color palette (#ACF3F8, #96C7B6, #9A88C1, #6D6A62, #4D4D09)
• Hushed Bronze Summit color palette (#DFFEEA, #DABFDA, #BC98A3, #827228, #5F5100)
• Forest Grove color palette (#DEFCFF, #9DBAE7, #A58BC3, #6F7234, #285323)
• Washed Chestnut color palette (#D5EEE6, #75B3CC, #717BAA, #725619, #483801)
• Tempered Cobalt color palette (#D1EAFF, #93B1D2, #6B78B8, #7A4670, #673835)
• Timeworn Atelier color palette (#D6ECEA, #679ECB, #6F6792, #5A4700, #1E2902)
• Tempered Amber Canyon color palette (#D9FFF3, #7FC8FF, #D78500, #006EA9, #553100)

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