Worn Cocoa color palette — #EAE6C3 · #A0A079 · #237A81 · #6A3713 · #303E00

A conversation between Bronze and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Parchment (#EAE6C3): A whisper-light, dusty green — the color of new leaves after rain.
• Taupe (#A0A079): A luminous, dusty green — the color of new leaves after rain.
• Teal (#237A81): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Bronze (#6A3713): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#303E00): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Basalt Lagoon color palette (#E4E8C7, #6CABA6, #4C6D98, #4C501C, #323E02)
• Patina Corridor color palette (#E7E2C8, #9C9473, #68665F, #672D5F, #53220B)
• Ancient Abyss Coast color palette (#E6E6D2, #569B85, #006169, #274800, #003125)
• Worn Pewter color palette (#F6F8DE, #A6B8A2, #6A968B, #67683E, #425440)
• Washed Cerulean Quarry color palette (#DDEED9, #69BAC9, #478BC0, #7B4C5C, #3C3531)
• Weathered Petrol Studio color palette (#F9ECE3, #91BDA8, #3769A8, #005146, #2A2559)
• Patina Delta color palette (#D3F5FC, #5B9AA8, #33699C, #5F3141, #2E1325)
• Washed Atelier color palette (#CCE7D4, #3C7F77, #214F8D, #2C2D00, #00211E)

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