Washed Cocoa color palette — #EFDBE6 · #8A5358 · #5F2D0D · #002B1A · #001617

Cocoa takes the lead with Coffee close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#EFDBE6): A whisper-light, dusty pink — the color of peonies in June.
• Coffee (#8A5358): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#5F2D0D): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#002B1A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001617): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Antique Garnet Ridge color palette (#E6E2FD, #7D5E7F, #5A2132, #1D2300, #001304)
• Smoked Field color palette (#F5DBCD, #9B3C00, #4B1A00, #1C2319, #140400)
• Worn Rose Pier color palette (#EFE1EA, #C06574, #8E6043, #3B4E05, #001314)
• Dusty Terracotta Corridor color palette (#EEEDFF, #946984, #8B3B0B, #00354A, #00131D)
• Wandering Bronze Thicket color palette (#FFEBE0, #956D2B, #444800, #002C3E, #061446)
• Navy Coast color palette (#FDDDD3, #702000, #003E25, #1E006C, #050100)
• Nocturne Onyx Coast color palette (#DCF0E2, #5F611B, #1F3200, #250037, #060600)
• Obsidian Terracotta Harbor color palette (#F2DBEC, #971600, #004654, #420500, #00070A)

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