Weathered Cocoa color palette — #FDF1F9 · #C9A786 · #7D3C28 · #4B1F11 · #2D1B27

A conversation between Rust and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Camel (#C9A786): A luminous, dusty gold — the color of honey in a jar.
• Rust (#7D3C28): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4B1F11): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#2D1B27): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Tempered Chestnut color palette (#FDF1F5, #ADC9AF, #775732, #4F2C39, #31201E)
• Wandering Sand Studio color palette (#FFF2EB, #FECB8F, #BF846E, #8D522A, #2B1F17)
• Patina Taupe Terrace color palette (#ECF9EF, #BE9D52, #5B4500, #322400, #04210F)
• Hushed Canyon color palette (#F7DCE7, #C48300, #5A2D00, #2C1300, #0D0800)
• Bronze Basin color palette (#FFF3DF, #BDA972, #837400, #4D5100, #314100)
• Moonless Chestnut color palette (#E5F1E6, #7A5800, #292531, #1E1100, #040200)
• Aged Bronze color palette (#F2F7F1, #D2DEDB, #AEC6C3, #9A6923, #424A42)
• Aged Olive color palette (#E7FBEF, #A8975D, #68701E, #005A54, #244534)

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