Washed Cocoa color palette — #FFF0F9 · #C499A7 · #9B624D · #793C49 · #284434

Oxblood and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mauve (#C499A7): A luminous, dusty rose — the color of pressed rose petals.
• Walnut (#9B624D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Oxblood (#793C49): A full-bodied, balanced red — the color of late-summer berries.
• Forest (#284434): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Cocoa Dune color palette (#EBFAEA, #8DB19D, #8C6C41, #734333, #27433D)
• Ancient Balcony color palette (#F6E1EC, #AF9166, #91502E, #6A2E37, #0F3928)
• Driftwood Station color palette (#FFF0F9, #DCB598, #BA7F66, #885B57, #344133)
• Muted Garnet Orchard color palette (#E7F9FD, #34928B, #576FA8, #91262F, #1B383E)
• Muted Alley color palette (#FCE6EE, #8C722E, #683700, #520006, #151800)
• Muted Terrace color palette (#E9F9FA, #D99E8D, #175E4E, #00372B, #0F1E27)
• Timeworn Courtyard color palette (#DAF2E6, #76916B, #5B5900, #4C3000, #002C1D)
• Pale Lantern color palette (#EFF7F6, #8DBD8D, #7B5EA5, #11741F, #212235)

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