Weathered Cocoa color palette — #E5FBF3 · #E6D1E8 · #B79DB0 · #9C8183 · #6A4B49

Coffee takes the lead with Mauve close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#E5FBF3): A whisper-light, dusty teal — the color of glacier melt.
• Thistle (#E6D1E8): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#B79DB0): A luminous, dusty pink — the color of neon signs at night.
• Driftwood (#9C8183): A luminous, dusty red — the color of late-summer berries.
• Coffee (#6A4B49): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: 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

• Timeworn Taupe color palette (#ECFAE9, #C3D5C6, #93B2A1, #957E8B, #624E55)
• Antique Harbor color palette (#FBE6F9, #9BA1CA, #877DA6, #714A45, #4A2A1F)
• Hushed Bronze color palette (#FFEFF7, #E0BCC9, #B09297, #A05F42, #774011)
• Patina Powder Atelier color palette (#DAECFF, #ABC0EC, #AA839A, #845A6F, #6D3F4B)
• Tempered Wisteria color palette (#F0E3FD, #D48DD0, #AA6F8E, #8E5334, #553200)
• Tempered Canyon color palette (#EFF9E5, #B9D2C1, #9A8899, #8F6226, #4A5201)
• Softworn Cerulean Thicket color palette (#EBF9F5, #9EC9F4, #DA9BBB, #5C91C4, #684140)
• Powder Archive color palette (#FEF0FF, #86B4EE, #BC94C5, #4AA39C, #4C3C4D)

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