Washed Cocoa color palette — #FAD7E9 · #8E6A3E · #6E2E00 · #480009 · #080500

Rust takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FAD7E9): A whisper-light, dusty rose — the color of strawberry cream.
• Walnut (#8E6A3E): A full-bodied, dusty gold — the color of old brass.
• Rust (#6E2E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#480009): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Warmth, Comfort, Balance, 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

• Powdered Bronze color palette (#FFDEEF, #AA611C, #6F3100, #491400, #270A17)
• Velvet Lagoon color palette (#F4E2E7, #745F15, #4D2E00, #2D0C00, #020200)
• Garnet Study color palette (#EED8E2, #9D8158, #814207, #610503, #120E00)
• Cocoa Quarry color palette (#F1D9E1, #80A289, #8B5715, #6A2507, #001E13)
• Frosted Garnet color palette (#FDDFF0, #C39669, #A94B1A, #820021, #251A00)
• Wandering Bronze color palette (#C9E9EB, #A76733, #003225, #1C171C, #000B06)
• Inked Nightshade Station color palette (#CDE7F2, #005D68, #3C2F92, #500014, #000303)
• Chestnut Thicket color palette (#E8F6EC, #A5C3B7, #908257, #72502C, #19312D)

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