Washed Cocoa color palette — #FCF4EB · #C8DFCC · #A4B689 · #92808A · #584300

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

The five colors

• Ivory (#FCF4EB): a clean, paper-quiet neutral.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A4B689): A luminous, dusty green — the color of a quiet forest floor.
• Gray (#92808A): 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

• Worn Basalt Atelier color palette (#F5F7E8, #B9F5DB, #55AFAC, #8C6E6C, #2B4000)
• Timeworn Orchard color palette (#F0F7F1, #AAC9B8, #5D8C7D, #5F6286, #3D5347)
• Patina Blush color palette (#FFF1F2, #FBD1CB, #E9959F, #9B6858, #78450E)
• Softworn Cocoa Coast color palette (#FFF2ED, #E0DACE, #D7AFAD, #9CBEB8, #743D10)
• Hushed Glacier Loft color palette (#FFF2EE, #F3D4C5, #81DBF0, #CB8386, #314E3C)
• Worn Stone color palette (#FFF2EB, #E2D9D1, #E9A28A, #885847, #422415)
• Jade Archive color palette (#FEF4E2, #CBE591, #56A666, #74608D, #2F2F28)
• Tempered Shell Parlor color palette (#FFF2ED, #FFB6AE, #73CCD1, #67AEBF, #3E3633)

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