Washed Cocoa color palette — #FEF3E8 · #E5D4A0 · #A7B37C · #A1879C · #563E00

Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Wheat (#E5D4A0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A7B37C): A luminous, dusty green — the color of a quiet forest floor.
• Heather (#A1879C): A luminous, dusty pink — the color of a candy shop window.
• Deep Olive (#563E00): A deep, shadowed, dusty 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

• Taupe Drift color palette (#FDF4E8, #D0CD93, #8BAC6F, #9E768A, #38352E)
• Fern Field color palette (#F8F6E6, #B6E2BA, #79BCA8, #7E9788, #404800)
• Powdered Alley color palette (#FFF1F5, #DCBBFF, #C3C464, #AF8DD2, #454516)
• Washed Stone Drift color palette (#FFF1F6, #E4D8D3, #CEABC7, #A2B0A0, #5F454A)
• Driftwood Harbor color palette (#ECF9F1, #C8C890, #8B965B, #52797E, #2E493D)
• Antique Moss Veranda color palette (#FDE8C8, #BDCB48, #44B234, #7972A9, #2D3100)
• Teal Meadow color palette (#E7E6CF, #7FCEA1, #2EA598, #8B6785, #252D11)
• Mallow Villa color palette (#FFF1F6, #D1A8FF, #ADBE73, #65AD8F, #473139)

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