Washed Cocoa color palette — #FCF4EB · #C8DFCC · #A5B68C · #987C8C · #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 (#FCF4EB): a clean, paper-quiet neutral.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A5B68C): A luminous, dusty green — the color of a quiet forest floor.
• Heather (#987C8C): A luminous, dusty pink — the color of peonies in June.
• 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 Washed 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

• Stone Basin color palette (#EEF8F1, #C5E7D5, #B6BA8D, #A990AD, #3C5347)
• Wandering Drift color palette (#F6F6EA, #C4E9CD, #67ADA2, #906B6D, #313F00)
• Softworn Field color palette (#FFF2EE, #E0DBCE, #9CBAB3, #CAA3A6, #7F4224)
• Antique Dune color palette (#FCF2F5, #A9CAB6, #778953, #5F657A, #415248)
• Timeworn Cocoa Thicket color palette (#FFF1F3, #F1D3D2, #E496A3, #9E655F, #703A0A)
• Tempered Loft color palette (#F6F1E8, #D0C29E, #83875C, #785952, #33312A)
• Ancient Powder color palette (#FAF4EE, #C7DDEB, #C8BAE7, #769D82, #5D4552)
• Hushed Moss Basin color palette (#FFF3E2, #D8DF9E, #6AA35A, #6C6294, #2F3100)

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