Weathered Cocoa color palette — #F8E8F7 · #C39899 · #A16274 · #774200 · #382800

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

The five colors

• Blush (#F8E8F7): A whisper-light, dusty pink — the color of peonies in June.
• Taupe (#C39899): A luminous, dusty red — the color of late-summer berries.
• Mocha (#A16274): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#774200): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#382800): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns Weathered 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

• Hazy Garden color palette (#E6E0FF, #B99ED4, #8E698A, #86342A, #4C2000)
• Terracotta Balcony color palette (#EFE1EB, #B6889D, #94515B, #573600, #231B00)
• Washed Parlor color palette (#FFD3D5, #CEAA99, #A7714D, #565B00, #1B3806)
• Timeworn Garden color palette (#FAEFFF, #DBB6D5, #C57699, #985A2F, #69481B)
• Raspberry Grove color palette (#DFEFFF, #A3A1CD, #AD5F99, #41683E, #005251)
• Washed Canyon color palette (#FEEFE3, #DCCCBC, #A79984, #606A23, #354E0A)
• Wandering Courtyard color palette (#EDF7FF, #FCD1E4, #D191BA, #557D56, #1C4833)
• Smoked Chestnut Thicket color palette (#F2E2D9, #7B5728, #3E3000, #001D0A, #000503)

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