Washed Cocoa color palette — #FEF3E9 · #DDE4C9 · #B0B28A · #92808A · #584300

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF3E9): a clean, paper-quiet neutral.
• Celadon Mist (#DDE4C9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B0B28A): A luminous, dusty green — the color of fresh herbs.
• 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

• Stone Thicket color palette (#EDF9F1, #C5E7D6, #99BFB0, #A593A6, #3D5348)
• Dusty Basalt Ridge color palette (#F7F6EA, #BCF5D5, #65ACAB, #906B6C, #2F3F00)
• Blush Loft color palette (#FFF1F4, #F8D2D5, #EC9AA5, #A77668, #704200)
• Dusty Driftwood Quarry color palette (#F2F7F1, #A9CAB8, #76895E, #5C6483, #3B5447)
• Muted Dune color palette (#F6F1E7, #CDC3A4, #81885B, #785950, #33312A)
• Aged Aqua Veranda color palette (#FFF2EE, #FFB4BE, #65CBE3, #69AEBF, #47332E)
• Emerald Quarry color palette (#FFF3E4, #D8E186, #49A95C, #6F638A, #302E28)
• Timeworn Study color palette (#FFF4E0, #A5C976, #358864, #5A476D, #1B1900)

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