Washed Pier color palette — #FEF1F7 · #D2DCCD · #A87A5F · #543F4A · #22181D

Built around Mocha, softened by Cocoa — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Bone (#D2DCCD): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#A87A5F): A luminous, dusty gold — the color of old brass.
• Cocoa (#543F4A): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#22181D): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Weathered Driftwood color palette (#F0F7F1, #CADBCA, #708F72, #394C3B, #171D17)
• Bronze Lantern color palette (#FFDEEB, #A26F00, #374338, #2C1400, #030100)
• Weathered Bloom color palette (#FCF2F7, #F2DBAD, #C3917B, #7D6473, #32282E)
• Chestnut Boulevard color palette (#FAF3F7, #A5CABB, #814F41, #4A2E42, #302022)
• Dusty Orchard color palette (#ECF9F2, #FEE493, #7D7A31, #1F4032, #07120D)
• Apricot Quarry color palette (#FFF0F7, #FFAE76, #98B98E, #977593, #3D2B34)
• Timeworn Canyon color palette (#DDF5E6, #C69C00, #463B00, #1B2127, #0A0700)
• Dusty Straw color palette (#E5FCED, #EDDE99, #9DA973, #4F7A84, #31443B)

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