Worn Cocoa color palette — #FCF3ED · #D0BE9E · #788860 · #5B6B57 · #644800

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Sand (#D0BE9E): A luminous, dusty gold — the color of honey in a jar.
• Eucalyptus (#788860): A luminous, dusty green — the color of new leaves after rain.
• Pewter (#5B6B57): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#644800): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Wandering Chestnut color palette (#F7F5EB, #BDC5AC, #548D89, #746619, #45550B)
• Worn Olive color palette (#FBF4EB, #DBD0B3, #94A275, #768642, #5F4A00)
• Driftwood Harbor color palette (#EDF4EE, #ACCCBB, #7C895C, #376C6A, #24362D)
• Stone Meadow color palette (#FCF2F6, #C2E9CE, #A9BF88, #80A1A8, #415246)
• Ancient Chapel color palette (#FAF4EF, #C7EBEB, #819BC1, #5E7755, #614B57)
• Pine Lagoon color palette (#FFF3E4, #A2A96A, #387A44, #145B64, #3C3B34)
• Ancient Pine color palette (#E8E4D7, #518956, #005046, #00324E, #032208)
• Cellar Garden color palette (#F2E3D5, #675F15, #123400, #001B1C, #070600)

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