Muted Cocoa color palette — #FCF4E9 · #C7E0CC · #B6B085 · #95817B · #574300

A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Celadon Mist (#C7E0CC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B6B085): A luminous, dusty green — the color of a quiet forest floor.
• Driftwood (#95817B): A luminous, dusty orange — the color of toasted spice.
• Deep Olive (#574300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Washed Mustard color palette (#FFF3E7, #E4E2B2, #C7A95B, #7E7845, #5C4E00)
• Washed Lagoon Lagoon color palette (#F0F7F1, #B1C7B9, #608C78, #795C6C, #3D5346)
• Bronze Loft color palette (#F4F7EC, #B4F6DD, #5BAFA6, #966E2E, #294100)
• Straw Harbor color palette (#FCF4E4, #FEE58A, #BBC9FF, #A89966, #543E4E)
• Celadon Canyon color palette (#FFF5D7, #CAFDC0, #BBB974, #67693A, #302E27)
• Weathered Sunflower Loft color palette (#FDF5E0, #DDCE68, #6FC9E6, #C191AF, #3B3831)
• Pine Grove color palette (#F9F6E4, #9ACB83, #268B52, #72432C, #1A1A00)
• Wandering Studio color palette (#FCF5E2, #C7E68F, #64A460, #8E5C4F, #2F2F28)

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