Weathered Cocoa color palette — #E7DEF8 · #976978 · #734406 · #003A48 · #001A22

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Thistle (#E7DEF8): A whisper-light, dusty violet — the color of a velvet chair.
• Mocha (#976978): A full-bodied, dusty rose — the color of a warm blush.
• Bronze (#734406): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#003A48): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001A22): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Cocoa Canyon color palette (#DFE8FE, #8F6B90, #753C2C, #002547, #030004)
• Worn Pewter Study color palette (#CEE6F7, #786EA1, #754055, #003B3A, #001514)
• Powdered Field color palette (#FFE6F3, #A0614C, #595C0D, #272B64, #0D0D33)
• Aged Veranda color palette (#F7D5E6, #BA6E74, #8D5636, #035640, #001A1C)
• Hushed Cocoa Lantern color palette (#FAEAF2, #865051, #5B2F0A, #00281E, #001415)
• Washed Denim color palette (#F4DEFD, #BD8889, #7E6E3F, #514679, #2A2244)
• Aged Terracotta Cabin color palette (#F6E4DD, #953400, #00566D, #1D3859, #050100)
• Ancient Rust color palette (#EDDDD6, #BE5618, #772D00, #2B0E00, #040100)

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