Muted Cocoa color palette — #FAF4ED · #D3A87A · #869361 · #89547D · #6A2E10
Built around Rust, softened by Graphite — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Camel (#D3A87A): A luminous, dusty gold — the color of honey in a jar.
- Moss (#869361): A luminous, dusty green — the color of fresh herbs.
- Graphite (#89547D): A full-bodied, balanced pink — the color of peonies in June.
- Rust (#6A2E10): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged muted, warm.
Use it as a design system
One click turns Muted 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 Lagoon color palette (#F6F7E4, #CFD5BF, #A7B59C, #5F8D7C, #5E4A5F)
- Aged Cypress Dune color palette (#FBF4ED, #D7A679, #8A925A, #197B5C, #48403E)
- Dusty Amber Quarry color palette (#FCF3EE, #CB8463, #258267, #564A7B, #593740)
- Aged Petrol Hollow color palette (#F5F6EB, #95BE91, #3C9D9D, #3A6D9D, #45423B)
- Antique Bronze color palette (#F7F5ED, #D6D3B2, #9E9E79, #A07437, #574E00)
- Hushed Chestnut Studio color palette (#F7F1E8, #B29957, #6C5500, #3B3731, #26211A)
- Timeworn Workshop color palette (#FBF4EA, #FDD784, #E0DBCA, #B5B155, #47443D)
- Dusty Honey Balcony color palette (#FFF1F5, #FBB86D, #5EB9C8, #7786AC, #463C5B)
Browse the whole catalog at Explore, or see today's palette.