Washed Pier color palette — #FAF4EE · #D7DBCF · #B5C2B5 · #A37645 · #413931

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Bone (#D7DBCF): a clean, paper-quiet neutral.
• Stone (#B5C2B5): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A37645): A luminous, balanced gold — the color of old brass.
• Charcoal (#413931): quiet, heavy and certain.

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

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

• Wandering Study color palette (#F1F7F1, #CFDDDB, #A0BAAF, #875900, #333E33)
• Hushed Bloom color palette (#F5F6EE, #CCE0D8, #A8C7C5, #60965D, #404400)
• Stone Grove color palette (#FFDAC9, #BCBA88, #889773, #7C5A62, #643B46)
• Ancient Bronze color palette (#E7DEC9, #938100, #3E4500, #29210C, #130C05)
• Chestnut Market color palette (#F5EDE3, #C7C4B8, #A1A98E, #805800, #271D10)
• Timeworn Atelier color palette (#F8F5E7, #90C39E, #1B938A, #805658, #313B00)
• Washed Meadow color palette (#DFDFD4, #A0A79B, #768D7C, #2D5000, #0A0A00)
• Washed Amber color palette (#FFEBD6, #DF8A43, #5B863D, #524C88, #34302A)

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