Washed Cocoa color palette — #FFF3E9 · #DEDACB · #E5C58A · #9D6C5E · #714003

Built around Bronze, softened by Sand — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Bone (#DEDACB): A whisper-light, dusty green — the color of fresh herbs.
• Sand (#E5C58A): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mocha (#9D6C5E): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#714003): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged pastel, light, muted.

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

• Timeworn Stone Dune color palette (#FFF2EF, #E4D7D2, #F0B1A5, #9F6F85, #5A423C)
• Tempered Cocoa Basin color palette (#FFF3E2, #DAE0C7, #ACD0AC, #A48F78, #624800)
• Antique Oat Meadow color palette (#FFEEE3, #DDD9C4, #D6C98F, #9D6464, #342E29)
• Sunlit Moss Cabin color palette (#FFF3E4, #E9C052, #ABA124, #874C00, #463204)
• Muted Basalt color palette (#FEF5DB, #A6AC7E, #787544, #5C5129, #463E00)
• Quiet Marigold color palette (#FFEAD9, #E09A00, #967C00, #662900, #251400)
• Lime Meadow color palette (#FFF5D4, #D9F29C, #8FD172, #7E6B25, #4C4A43)
• Dusty Delta color palette (#FEF4E6, #CFA85C, #6C4A00, #322D27, #1D1C0F)

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