Washed Pier color palette — #F7F0F3 · #D8D0E4 · #889DBF · #147B76 · #30344D

Teal takes the lead with Blue Fog close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#F7F0F3): a clean, paper-quiet neutral.
• Silver (#D8D0E4): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#889DBF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#147B76): A full-bodied, balanced teal — the color of sea glass.
• Navy (#30344D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, 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

• Dusty Chapel color palette (#F1F7F2, #D8DDEE, #709DCD, #3F7883, #475366)
• Softworn Ridge color palette (#E8F4F9, #84BFC3, #C285B1, #008187, #45233D)
• Spruce Hollow color palette (#E9E1EA, #5F93A2, #005167, #002E0C, #00040F)
• Dusty Petrol color palette (#F0E5EE, #93BACB, #0373A6, #004E33, #040D42)
• Ancient Lagoon Ridge color palette (#D1F7EB, #94BD97, #3B9A81, #006360, #133D4F)
• Chestnut Pier color palette (#E9F5EF, #A2C3BC, #638E7A, #705229, #173132)
• Forest Station color palette (#F9EEF9, #A7D9E9, #0090B9, #006730, #00234F)
• Washed Coast color palette (#FBEAF2, #7AA2BD, #1D53AB, #003A34, #0C002B)

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