Weathered Cocoa color palette — #E4FDE9 · #C0E1E3 · #D4B0CC · #AB9288 · #744306

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#E4FDE9): A whisper-light, dusty teal — the color of glacier melt.
• Silver (#C0E1E3): A whisper-light, dusty blue — the color of deep harbor water.
• Rosewood Mist (#D4B0CC): A luminous, dusty pink — the color of neon signs at night.
• Taupe (#AB9288): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#744306): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Fern Grove color palette (#FFF0FC, #ECCBD8, #D5A4C6, #AA9775, #554F00)
• Oat Villa color palette (#F2F9E1, #D2E2CF, #A9D1BC, #B8999B, #5E4842)
• Timeworn Corridor color palette (#C2EBFF, #ADD3FF, #ABA3E4, #A97E6C, #5C440E)
• Weathered Basalt color palette (#E6F4FF, #C0D0E1, #8A95AA, #675F75, #4B3E53)
• Powdered Orchard color palette (#E0EAFC, #9F9CE5, #B16FAF, #785C32, #2A2E03)
• Dusty Honey Villa color palette (#FBF1FC, #B6D8FF, #F3BA7E, #7EACDF, #524C46)
• Timeworn Blush color palette (#EAE6FA, #DFA0E7, #DE7CA4, #7E8111, #224C26)
• Hushed Studio color palette (#FEF0FD, #A6C9FE, #FDA0A1, #98BA8E, #4D3C4C)

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