Weathered Cocoa color palette — #FFF1F7 · #FFC7D2 · #E1A59E · #B7795A · #6E3E00

A conversation between Bronze and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Shell Pink (#FFC7D2): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#E1A59E): A luminous, dusty orange — the color of autumn markets.
• Caramel (#B7795A): A luminous, balanced orange — the color of toasted spice.
• Bronze (#6E3E00): 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

• Wandering Amber color palette (#F7EEFF, #E1A8AF, #BF7063, #844428, #412300)
• Muted Courtyard color palette (#FFF2EC, #FED4B8, #D4AD7B, #9F8943, #4C4D00)
• Tempered Bronze Chapel color palette (#FFF1F5, #F1B8D4, #C68D8E, #986536, #514400)
• Aged Shell Meadow color palette (#FFF4E2, #F9BDCC, #D3A18D, #5E9A88, #57423B)
• Chalky Drift color palette (#FFD7DC, #FFAD9C, #EE803C, #B06A00, #453100)
• Amber Meadow color palette (#FDDDD1, #DE8B2A, #A47600, #675B00, #101700)
• Abyss Corridor color palette (#FFF2EE, #E1D9C7, #D0C1AC, #96A995, #3A5447)
• Worn Garden color palette (#EEDAE0, #CF4857, #AD2C00, #5B2E00, #080400)

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