Washed Pier color palette — #EFF7F6 · #D0DBE1 · #A1B8BD · #247638 · #2F3E3D

A conversation between Olive and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D0DBE1): a clean, paper-quiet neutral.
• Ash (#A1B8BD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#247638): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#2F3E3D): quiet, heavy and certain.

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

• Hushed Alley color palette (#E7F9FD, #C1D6E0, #87ACC6, #006866, #153840)
• Softworn Courtyard color palette (#F5F6EF, #CEDFD7, #ABC5C2, #5B9052, #3B3E00)
• Wandering Atelier color palette (#EBF9F5, #80A687, #007557, #3D5323, #013E3C)
• Patina Abyss Market color palette (#E9F1F1, #ADBCBE, #72949F, #005232, #0D2323)
• Ancient Spruce color palette (#E1E9EC, #8C9CA9, #607288, #00313A, #000B12)
• Hushed Quarry color palette (#C7F4F5, #81B3C2, #4A859E, #754861, #543C56)
• Quiet Jade color palette (#E6FAFB, #A8D995, #00B78C, #008895, #00372F)
• Aubergine Villa color palette (#DFF5E3, #55966D, #006868, #631A68, #00383C)

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