Washed Pier color palette — #F3F4FF · #E0C9FF · #FEB296 · #B29DCE · #5C4554

Built around Melon, softened by Thistle — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#E0C9FF): A whisper-light, dusty violet — the color of a velvet chair.
• Melon (#FEB296): A whisper-light, balanced orange — the color of autumn markets.
• Mauve (#B29DCE): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#5C4554): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged 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

• Weathered Mallow color palette (#F4F4FF, #DEB4F7, #F0A7A8, #8DB3D7, #414051)
• Petal Delta color palette (#F7F3FF, #FDBDEC, #E7BF8D, #C896BA, #40533F)
• Hushed Powder Workshop color palette (#F8F2FF, #FFBEE5, #96CDFF, #C997B4, #384F66)
• Muted Mallow Cabin color palette (#F5F4FF, #F1D7FF, #D1AAE2, #9478A3, #373350)
• Weathered Lantern color palette (#F3F4FF, #D2B5F4, #B3B679, #987FB4, #375448)
• Washed Field color palette (#EFF6FF, #C0D5FF, #85DBBB, #92A8D6, #2E5457)
• Muted Taupe Grove color palette (#F9F2FC, #FFD4B8, #C48C9E, #75667C, #2E2930)
• Hushed Basin color palette (#F1F0FE, #C5A6CE, #A89E55, #8C5B9B, #373205)

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