Washed Cocoa color palette — #F2E6E4 · #DFC5BC · #B39F94 · #7A4054 · #22100E

Coffee and Oat set the tone — five colors that lean into sophistication.

The five colors

• Rose Water (#F2E6E4): a clean, paper-quiet neutral.
• Oat (#DFC5BC): A whisper-light, dusty orange — the color of autumn markets.
• Taupe (#B39F94): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7A4054): A full-bodied, balanced rose — the color of a warm blush.
• Ink (#22100E): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged scandi, 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

• Muted Mulberry color palette (#F1EDF3, #D4C8D2, #AE9AA3, #7D3C57, #332A37)
• Dusty Chestnut Bloom color palette (#FAF0E8, #E6D0B5, #B7AA8E, #8C4500, #24170B)
• Aged Chapel color palette (#EAE1DE, #C6AE9F, #A18871, #722629, #130704)
• Dusty Lagoon color palette (#FFF2F1, #E1DAD0, #C8C3A8, #A55A7E, #2A1918)
• Washed Amber Market color palette (#FFE9E3, #CA7F5F, #7C5F34, #004B4C, #002417)
• Bronze Chapel color palette (#F7F1EA, #D7D8CE, #A6B3A9, #A97740, #3B352F)
• Aged Emerald Alley color palette (#E3E1CD, #5CA152, #00663F, #512D2F, #121400)
• Aged Bronze color palette (#F1E9DF, #988C72, #7A6B1F, #3A2500, #020100)

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