Muted Cocoa Study color palette — #FCF4EC · #C9DFCC · #9FB790 · #967D8D · #584300

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF4EC): bright and airy, almost weightless.
• Celadon Mist (#C9DFCC): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9FB790): A luminous, dusty green — the color of new leaves after rain.
• Heather (#967D8D): A luminous, dusty pink — the color of neon signs at night.
• Deep Olive (#584300): 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 Study 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

• Stone Ridge color palette (#F1F7F1, #C9E6D5, #90C2B0, #9297BE, #3C5346)
• Spruce Veranda color palette (#F6F6EA, #C2E8D1, #68ABAF, #916B6B, #2B4000)
• Washed Seafoam Station color palette (#FFF2EC, #EED6C0, #83DFD4, #C98675, #394C34)
• Wandering Delta color palette (#FEF1F6, #A9CAB6, #708B56, #5E657A, #435148)
• Tempered Cocoa Garden color palette (#FFF2EE, #E0DCCE, #9DC6C5, #CFA3A9, #793F18)
• Worn Cocoa Field color palette (#FFF1F3, #FED0CC, #EAA2A8, #A36C5B, #734302)
• Taupe Parlor color palette (#FFF2EB, #E1D9CF, #D89D86, #935A52, #47201C)
• Aged Jade color palette (#FFF4E1, #CBE499, #50A677, #726093, #2F2F28)

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