Muted Cocoa color palette — #FCF3EC · #CDBFA4 · #768961 · #7B5C64 · #634800
Built around Bronze, softened by Eucalyptus — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF3EC): a clean, paper-quiet neutral.
- Sand (#CDBFA4): A luminous, dusty gold — the color of old brass.
- Eucalyptus (#768961): A luminous, dusty green — the color of a quiet forest floor.
- Graphite (#7B5C64): A full-bodied, dusty red — the color of late-summer berries.
- Bronze (#634800): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Hushed Fern Balcony color palette (#F8F5ED, #C1C4A5, #5A8D7D, #477060, #505100)
- Worn Dune color palette (#FCF4EC, #BCAE8B, #5D7E4E, #525580, #534000)
- Driftwood Veranda color palette (#EBF5EE, #A4CEBD, #708D5C, #4D6576, #23352F)
- Violet Lantern color palette (#FFF1F5, #CFA1B1, #76A77A, #845EA9, #4D4E47)
- Muted Cerulean color palette (#FFF1F5, #E4D9D2, #CEC79F, #7584B6, #5B4646)
- Muted Pine color palette (#FBF3F1, #CCE8E0, #6EA2B5, #4A7C50, #5E4B60)
- Ancient Basin color palette (#FDECDD, #877A3F, #2F4F00, #2A2163, #211A00)
- Dusty Cypress Hollow color palette (#FBF5E4, #85A67C, #25715E, #693B48, #35362F)
Browse the whole catalog at Explore, or see today's palette.