Worn Cocoa color palette — #DAE4D6 · #9DC4A9 · #609AC7 · #875F59 · #6C330A

Built around Bronze, softened by Slate Blue — the whole palette hums with nature and growth.

The five colors

• Parchment (#DAE4D6): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#9DC4A9): A luminous, dusty teal — the color of sea glass.
• Slate Blue (#609AC7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pewter (#875F59): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#6C330A): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Muted Cocoa color palette (#E3E3D3, #AEBE99, #769879, #825965, #613736)
• Driftwood Hollow color palette (#D7F4F0, #94CAD8, #86A9C6, #9E725D, #5C3544)
• Wandering Veranda color palette (#D3F0C8, #54B2B6, #8B6C84, #7B4318, #663000)
• Timeworn Bronze Quarry color palette (#DFFDE5, #B1CEC1, #B093AB, #AD6950, #77460A)
• Tempered Bronze Quarry color palette (#CAE6D8, #9EBAE4, #A47D91, #955C31, #5D3E00)
• Washed Indigo color palette (#D1EEFA, #7BAAF2, #7C6ED7, #8C5335, #553900)
• Petrol Harbor color palette (#C7EFEC, #66A4B8, #3F6AAF, #6A343E, #4B1C00)
• Weathered Ash color palette (#E8F8FF, #AADCF3, #7DA0C1, #646386, #3C334E)

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