Weathered Cocoa color palette — #FFE1F7 · #C2BFF1 · #B99CD4 · #9B776D · #723714

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

The five colors

• Blush (#FFE1F7): A whisper-light, dusty pink — the color of peonies in June.
• Lavender (#C2BFF1): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#B99CD4): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#9B776D): A luminous, dusty orange — the color of autumn markets.
• Bronze (#723714): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, 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

• Bronze Basin color palette (#FFD9E0, #E7B5D6, #CC98AB, #A6733E, #5C3D00)
• Wandering Periwinkle Parlor color palette (#CCECDF, #A4C9F2, #93A5DB, #996F90, #623C3A)
• Patina Station color palette (#D9EBE4, #A6B6E0, #B48791, #796B1F, #564A00)
• Softworn Market color palette (#D0F0EE, #B79EB4, #927178, #4F4A00, #213109)
• Powder Alley color palette (#EBF7FF, #C8CAFF, #9890B0, #5E796B, #30473B)
• Orchid Garden color palette (#E8E7FF, #B195D5, #A767B0, #8A5049, #40240F)
• Antique Ash color palette (#FDE6EA, #BD7AAA, #A56078, #7A4A1F, #2A1A00)
• Aged Apricot Terrace color palette (#FDE8ED, #E2A3F5, #FF8F38, #B473C8, #512A0D)

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