Washed Cocoa color palette — #FFF0F9 · #E0BBD5 · #B17261 · #803823 · #5A2E1D

Rust and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Carnation (#E0BBD5): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#B17261): A luminous, balanced orange — the color of toasted spice.
• Rust (#803823): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5A2E1D): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

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

• Bronze Ridge color palette (#FFEBFA, #FEBFAE, #B66F51, #753E34, #2F1527)
• Patina Mulberry Hollow color palette (#F8F2FF, #D2BDE3, #AB6E8B, #7A3355, #4E253A)
• Cocoa Lantern color palette (#E8FCE6, #E2C49E, #A57947, #714400, #4D300D)
• Aged Driftwood Delta color palette (#FEF1FA, #E6D6D6, #C9D2A3, #AA7380, #5F4956)
• Worn Coral Orchard color palette (#FFF2EB, #FDC5B0, #D58772, #945545, #3F3734)
• Ancient Amber Harbor color palette (#FFDEB7, #C1822D, #764D00, #422500, #221300)
• Timeworn Lagoon color palette (#ECF9F0, #A2C0B1, #688A73, #745831, #354E46)
• Hushed Apricot color palette (#FFF2EA, #EA9848, #985300, #592E00, #3C1C00)

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