Worn Cocoa Garden color palette — #FFF3E9 · #E6BBA2 · #A9724C · #793D10 · #502E18

A conversation between Bronze and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#E6BBA2): A whisper-light, dusty gold — the color of old brass.
• Mocha (#A9724C): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#793D10): A full-bodied, balanced gold — the color of old brass.
• Espresso (#502E18): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

Use it as a design system

One click turns Worn Cocoa Garden 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

• Antique Garnet color palette (#FFF2EF, #EABBB2, #AA6A7A, #7C3243, #502830)
• Dusty Fern Workshop color palette (#FFF5DB, #D7D1A2, #8B8140, #544F00, #3B3906)
• Washed Chestnut Harbor color palette (#FFF2E9, #DEDBCB, #B8C0CB, #B1716D, #78460D)
• Timeworn Amber color palette (#FFF0F7, #FFCFAF, #D4875D, #8E5F34, #502E3D)
• Airy Delta color palette (#FFF4E1, #D6A144, #8E5F00, #503500, #382400)
• Moonless Courtyard color palette (#F2DDC7, #925800, #3B2200, #0E1A19, #120600)
• Softworn Bronze color palette (#F8F5EE, #D0BE98, #3D8F6C, #7F6C00, #2C2F28)
• Patina Loft color palette (#F9E4AE, #B48F3A, #705200, #302400, #191200)

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