Weathered Cocoa color palette — #FFF1F6 · #8CB297 · #8E6A4B · #7D3B34 · #21453A

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#8CB297): A luminous, dusty teal — the color of glacier melt.
• Walnut (#8E6A4B): A full-bodied, dusty gold — the color of old brass.
• Rust (#7D3B34): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#21453A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, 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

• Washed Chestnut Hollow color palette (#EDF8F1, #A1C0B6, #628B72, #7C532E, #324D4C)
• Ancient Chestnut Loft color palette (#FAE0E8, #A1976C, #87581C, #6C2F21, #03392F)
• Hushed Driftwood color palette (#FFF1F6, #D5B98D, #B28559, #815C71, #2C4335)
• Antique Terracotta Workshop color palette (#EAF8FF, #398DA4, #5C6DA8, #8C3107, #1A3745)
• Ancient Drift color palette (#C3EACA, #8F952C, #745500, #612A00, #083303)
• Softworn Boulevard color palette (#DDF0DF, #797A40, #5B4000, #451900, #061C00)
• Ancient Indigo color palette (#EDF7F8, #80BDA9, #785DAB, #007058, #212332)
• Softworn Abyss Terrace color palette (#E7F9FE, #C2A2C2, #005E5D, #003635, #111D27)

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