Washed Cocoa Pier color palette — #EBE2E6 · #B8A3A9 · #6F8675 · #5A2600 · #220A18

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

The five colors

• Parchment (#EBE2E6): bright and airy, almost weightless.
• Rosewood Mist (#B8A3A9): A luminous, dusty rose — the color of pressed rose petals.
• Driftwood (#6F8675): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#5A2600): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#220A18): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Washed Cocoa Pier 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

• Patina Garnet color palette (#F9EBF3, #96A497, #5D8677, #5F1E00, #090206)
• Aged Garnet Workshop color palette (#EBE6EB, #B1A5AD, #977383, #6D001B, #1B0F1B)
• Patina Basalt Coast color palette (#D9E5DD, #99AFA7, #578A82, #413700, #00190C)
• Dusty Station color palette (#EBE0D9, #C0B29F, #929B70, #8C3100, #1F0F06)
• Antique Fern Harbor color palette (#E9F1ED, #C0D0CB, #8DA6A3, #5D5700, #21322A)
• Feathered Ember color palette (#FBDEE7, #E2654A, #996500, #494800, #120A00)
• Olive Harbor color palette (#CDE7D8, #61751F, #0F4400, #460500, #0C1200)
• Muted Ridge color palette (#EFF7F5, #D3DCE0, #B4C1CA, #5C804F, #3D4B48)

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