Weathered Cocoa color palette — #FFF1F1 · #F0D4D2 · #EB9EB0 · #A56D6D · #753918

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#F0D4D2): A whisper-light, dusty orange — the color of autumn markets.
• Ballet Pink (#EB9EB0): A luminous, balanced red — the color of embers at dusk.
• Mocha (#A56D6D): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#753918): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, 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

• Wandering Bloom color palette (#FFF0F8, #E8D5E4, #D3A6E3, #946B8E, #674547)
• Aged Terracotta color palette (#E8E0FF, #DEADCA, #BD7383, #8B3E3F, #4C2C3F)
• Dusty Stone Archive color palette (#FFF2ED, #E3D8D2, #E8A39C, #935D57, #402215)
• Washed Study color palette (#FFF0EF, #FFAF9C, #DA7030, #814700, #3D2700)
• Wandering Field color palette (#FFD3D6, #FF8B81, #D64600, #793500, #2A1300)
• Softworn Cocoa color palette (#FFE9DF, #CECDDA, #9D938D, #703A08, #241F1C)
• Bronze Villa color palette (#FCF4E8, #D9EDBD, #C2AA89, #A16E38, #4C3E00)
• Washed Basin color palette (#FFF2EE, #F4D4C7, #80DEE0, #C4878D, #364D38)

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