Weathered Cocoa color palette — #FFF0F9 · #FECFCE · #CDA3AD · #93786F · #763B16

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Shell Pink (#FECFCE): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#CDA3AD): A luminous, dusty red — the color of a theater curtain.
• Mocha (#93786F): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#763B16): A full-bodied, balanced orange — the color of autumn markets.

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

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

• Dusty Stone Station color palette (#D8FFF3, #E4E1F3, #CEADC1, #9C7878, #5D4541)
• Bronze Orchard color palette (#FFF0FB, #F8D1CB, #DA9599, #966B2E, #4F4413)
• Dusty Quarry color palette (#FFE7EB, #D99391, #8F5D4E, #554200, #171D00)
• Softworn Mallow color palette (#FFEBF4, #FFA2BB, #AB7470, #715B2C, #353100)
• Tempered Basin color palette (#DDECFF, #AEB4C8, #837F9C, #705C36, #0D3A2C)
• Feathered Ridge color palette (#FFF1F5, #E1C7FF, #FCA076, #9979BB, #542C1A)
• Misty Peony color palette (#F7F2FF, #E8ADF0, #C06EA7, #8F4A27, #442500)
• Antique Fern Balcony color palette (#EBFBE3, #A0BDAC, #9A818D, #606820, #325345)

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