Weathered Cocoa color palette — #FFF2ED · #D79891 · #9DA06A · #837198 · #64290B

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Camel (#D79891): A luminous, dusty orange — the color of autumn markets.
• Moss (#9DA06A): A luminous, dusty green — the color of new leaves after rain.
• Slate (#837198): A full-bodied, dusty violet — the color of wild irises.
• Rust (#64290B): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Ash Grove color palette (#FFF1F1, #D296B7, #B89472, #607BA9, #4D3636)
• Cocoa Balcony color palette (#FFF3EA, #D89B7C, #8EA572, #4E896B, #5E2F00)
• Worn Terrace color palette (#FDF4E4, #B69C50, #40A38B, #9A5962, #36322C)
• Petrol Ridge color palette (#F8F5EC, #B6B57D, #5F9C78, #177681, #47413C)
• Denim Study color palette (#FFF2EB, #BC7F67, #548D6E, #2E6390, #423C37)
• Amber Loft color palette (#FBF4EF, #FAC4A5, #A89C63, #B97B57, #302D27)
• Antique Terrace color palette (#FAF4EE, #DBDAD2, #ABB3AA, #B79475, #57514C)
• Fern Chapel color palette (#FFF3E6, #E5CB9B, #AC995E, #767031, #484B00)

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