Washed Pier color palette — #FCF2F6 · #D5DEFD · #8FA5D1 · #378A83 · #3F4566

Built around Fern, softened by Blue Fog — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Powder Blue (#D5DEFD): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#8FA5D1): A luminous, dusty violet — the color of wild irises.
• Fern (#378A83): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#3F4566): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Linen Periwinkle color palette (#FFF0F7, #ADE4FF, #609BF5, #008476, #3E366E)
• Hushed Powder Thicket color palette (#FAF4EF, #C1E3F5, #96BBFF, #30938B, #543345)
• Blush Grove color palette (#E5F9FF, #6EC9C7, #D589B1, #009391, #4B395B)
• Patina Market color palette (#F8F5EF, #C1E6D8, #5E8DC2, #006E7E, #583D54)
• Denim Workshop color palette (#EFDDE8, #4A9FB9, #005A9C, #003D30, #06002B)
• Tempered Cornflower Pier color palette (#FBE9EF, #9ECAEC, #6B81D0, #006C6C, #33244C)
• Hushed Cobalt color palette (#EDE3EB, #78BFC5, #007FAA, #005D33, #001B4B)
• Soft Pine color palette (#FFF0FE, #6DDFE4, #009AC6, #007839, #003169)

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