Weathered Cocoa color palette — #E6DDE3 · #99AB97 · #6C907B · #772700 · #11050D

Rust and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#E6DDE3): bright and airy, almost weightless.
• Sage (#99AB97): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#6C907B): A luminous, dusty teal — the color of glacier melt.
• Rust (#772700): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#11050D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, 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

• Muted Parlor color palette (#D8E4DB, #8EADA1, #6B8E8B, #564200, #020C05)
• Ancient Terracotta Quarry color palette (#E7DDD8, #A2A193, #818F72, #AA3600, #140500)
• Weathered Garnet Cabin color palette (#EBE6EC, #B49CAC, #997D87, #722738, #0E0610)
• Muted Ridge color palette (#EBE1E7, #919E92, #5C786D, #4E1500, #13040E)
• Tempered Cocoa color palette (#F4E9E2, #C4B8AD, #9F8F77, #642600, #030100)
• Washed Alley color palette (#E2EFE4, #B1CBC0, #85AEA9, #7A5B00, #18221A)
• Muted Olive Thicket color palette (#E0EDE4, #6A7F14, #005519, #461930, #000805)
• Bronze Summit color palette (#FDD8C7, #937518, #3D5F35, #23304C, #0B0B3A)

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