Weathered Cocoa color palette — #FFF2EF · #E0DDCE · #BED0AF · #C297BF · #793E1B

A conversation between Bronze and Mauve, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E0DDCE): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#BED0AF): A whisper-light, dusty green — the color of a quiet forest floor.
• Mauve (#C297BF): A luminous, dusty pink — the color of peonies in June.
• Bronze (#793E1B): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Hushed Atelier color palette (#FFF1F4, #E3DAD2, #A5BAD4, #9D9DD2, #5C4747)
• Peony Study color palette (#FFF2EB, #FEE4AE, #A9D793, #CE6AA6, #624225)
• Ancient Taupe Alley color palette (#FFF3E5, #D5E6C5, #8EE3F0, #CC897A, #4F4D46)
• Muted Bronze Cabin color palette (#FCF4E8, #D3CBB0, #AE9879, #9F653A, #4B4B00)
• Tempered Driftwood Quarry color palette (#FCF3ED, #DFD0A7, #A07157, #68432E, #35281F)
• Muted Shell color palette (#EFECFF, #AEDFFF, #FFB4B4, #5D463E, #3B312D)
• Terracotta Courtyard color palette (#E7E2D4, #98BE7B, #00AA9F, #903D00, #171A00)
• Cobalt Loft color palette (#FEF3E8, #CCA277, #58ACA2, #7B70AD, #413C37)

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