Weathered Cocoa color palette — #FFF0F9 · #C9AFBA · #A27882 · #82584A · #794018

Bronze takes the lead with Coffee close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Rosewood Mist (#C9AFBA): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#A27882): A luminous, dusty red — the color of late-summer berries.
• Coffee (#82584A): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#794018): A full-bodied, balanced gold — the color of honey in a jar.

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

• Softworn Chestnut color palette (#FFDFDF, #DD9CB0, #A06D6D, #745200, #384E26)
• Bronze Cabin color palette (#FFF1F5, #DDC8CB, #B28E8E, #965D32, #594D00)
• Chestnut Veranda color palette (#D9F7E5, #CCB4CC, #997DAC, #685802, #3C3B34)
• Powder Basin color palette (#E1EDFF, #C6CBFF, #B2B6DD, #98879E, #5C455A)
• Washed Bronze color palette (#F6DCDB, #A76B5A, #764E30, #2F3A00, #00281D)
• Patina Studio color palette (#F7E7FF, #B97AB1, #9F4370, #783B00, #553800)
• Powdered Grape Bloom color palette (#FFF1F7, #A494D1, #C96B58, #7146BF, #672F25)
• Antique Thicket color palette (#EAF7FF, #B7CCED, #9A98B8, #648074, #3C544A)

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