Weathered Cocoa color palette — #EAFAEC · #8EB09F · #886E3A · #724521 · #25443C

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

The five colors

• Ivory (#EAFAEC): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8EB09F): A luminous, dusty teal — the color of glacier melt.
• Walnut (#886E3A): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#724521): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Forest (#25443C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Aged Meadow color palette (#D8EFDE, #979B6B, #77611C, #633800, #0A3831)
• Bronze Summit color palette (#F9F1E3, #BCA984, #8E702A, #604721, #2A220C)
• Hushed Cocoa color palette (#FFF0F8, #C29AA8, #9B6248, #7A3C3E, #2C4333)
• Muted Station color palette (#FFF3E2, #D9D493, #C6A870, #9F8169, #3E3D36)
• Driftwood Hollow color palette (#EAFAED, #CCBE8C, #A88B4C, #537254, #2E4338)
• Patina Cocoa Ridge color palette (#EFF6FF, #5B82BC, #8C5D91, #833B00, #22344A)
• Patina Workshop color palette (#DAF1E1, #656E22, #443700, #2B1700, #020F00)
• Indigo Drift color palette (#EEF7FA, #6BBEC3, #7F5AA9, #006D73, #212235)

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