Weathered Cocoa color palette — #FFF1F1 · #FAD1CA · #EFA39C · #9D6657 · #723F05

Built around Bronze, softened by Rose Quartz — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FAD1CA): A whisper-light, dusty orange — the color of toasted spice.
• Rose Quartz (#EFA39C): A luminous, balanced orange — the color of autumn markets.
• Walnut (#9D6657): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#723F05): A full-bodied, balanced gold — the color of honey in a jar.

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

• Soft Bronze Market color palette (#FFDCDE, #FF8C70, #C06500, #633D00, #1F1800)
• Antique Mallow Veranda color palette (#FFF1F7, #EFD4E1, #D19AC5, #AA6F88, #5E4037)
• Washed Ember color palette (#FFDFD8, #E5A1A6, #CA6564, #8C4B45, #413936)
• Worn Taupe color palette (#FFF2EC, #E7D9C1, #D0A371, #947B41, #494740)
• Antique Tangerine color palette (#FFF1F3, #FFB0AF, #F76800, #915300, #4B3300)
• Tempered Cocoa Cabin color palette (#FFF2ED, #DFDDCD, #AAC1DA, #E0B1AB, #743E0C)
• Airy Amber Hollow color palette (#F9D8D0, #DC7B00, #7E5700, #382F00, #0E1100)
• Powder Balcony color palette (#FFF2EE, #F2D4C4, #8DD7F9, #CA8485, #27503F)

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