Washed Cocoa color palette — #FFF2ED · #E0DBCE · #B0C7A7 · #B67C92 · #773C19

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Pistachio (#B0C7A7): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#B67C92): A luminous, dusty rose — the color of strawberry cream.
• Bronze (#773C19): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Softworn Cocoa Pier color palette (#FEEEE9, #D5F8D0, #DFDAC7, #9C83A9, #642C02)
• Weathered Chestnut Studio color palette (#FFF4E1, #D9E4C5, #AED2AA, #A4794C, #654F00)
• Gentle Rust color palette (#FFF2EB, #E1DCC3, #D1C14F, #BC4952, #693E16)
• Washed Basin color palette (#FAF2FE, #E0EABC, #E8D8D8, #9D98C0, #5E4E59)
• Timeworn Garnet color palette (#F1D9D3, #C09272, #7F6200, #59001E, #150500)
• Pine Harbor color palette (#F2EBCD, #9DAB6C, #008C49, #5E3D00, #1B1E00)
• Tempered Basalt Quarry color palette (#FBF4EE, #D2BD9C, #7C5335, #552D00, #282519)
• Denim Station color palette (#FCF3EC, #AE8765, #4B8A96, #515996, #593300)

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