Worn Cocoa color palette — #E9F1E9 · #ADBDB7 · #6D9796 · #5A3F00 · #132416

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#E9F1E9): bright and airy, almost weightless.
• Ash (#ADBDB7): a calm mid-gray that lets other colors speak.
• Eucalyptus (#6D9796): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#5A3F00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#132416): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Delta color palette (#E5E1DB, #B8B3A4, #83956D, #554000, #110900)
• Tempered Garnet color palette (#F3EAF1, #B1BDB0, #799689, #7F1600, #2A1926)
• Dusty Chestnut color palette (#E4EFE6, #B4CABF, #83B0A4, #785C00, #152319)
• Forest Garden color palette (#E5F1F1, #BED0D5, #89A4B9, #00653E, #133434)
• Wandering Spruce Villa color palette (#D9E3E1, #8B9EA0, #577683, #143400, #000C0A)
• Worn Garnet color palette (#D5EDE7, #3C8A73, #004E56, #57072B, #002118)
• Wandering Bronze color palette (#F1F7F3, #D2DEE0, #B0C4CF, #897226, #404B44)
• Chalky Garnet color palette (#F8DBF1, #A07F4B, #28683C, #631C2E, #411B0D)

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