Washed Cocoa color palette — #FFE1D1 · #B8B57D · #588D91 · #834956 · #6B3423

A conversation between Rust and Coffee, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFE1D1): A whisper-light, dusty orange — the color of autumn markets.
• Sage (#B8B57D): A luminous, dusty green — the color of new leaves after rain.
• Storm Blue (#588D91): A luminous, dusty blue — the color of open sky before noon.
• Coffee (#834956): A full-bodied, balanced red — the color of late-summer berries.
• Rust (#6B3423): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Garnet Corridor color palette (#FFD7C9, #B7AA6D, #4E9272, #7B4E6B, #673356)
• Faded Thicket color palette (#ECF1BF, #6CB692, #4289AA, #7E513F, #6D3721)
• Petrol Loft color palette (#EFF2C4, #A6C7A1, #609E90, #6F64A7, #653E61)
• Patina Coast color palette (#F6E3D8, #6F9A8B, #357769, #6A3C3C, #542707)
• Dusty Pewter Ridge color palette (#FFE5F2, #C5A1BC, #5C8A77, #774977, #623655)
• Abyss Loft color palette (#E7FCE8, #A8C6C0, #73919B, #765F6C, #3F573E)
• Oat Quarry color palette (#FFE9DA, #BBD690, #67BDB9, #A3758D, #683D54)
• Dusty Olive color palette (#FFF1F6, #B1A459, #4C772D, #6C4726, #1C4430)

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