Weathered Pier color palette — #F2F5FF · #C3BDEF · #E59B91 · #8C7FCE · #60415A

Lavender Blue takes the lead with Melon close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#C3BDEF): A whisper-light, dusty violet — the color of wild irises.
• Melon (#E59B91): A luminous, balanced orange — the color of autumn markets.
• Lavender Blue (#8C7FCE): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#60415A): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Weathered 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

• Azure Garden color palette (#EEF6FE, #A1C9ED, #D69DC1, #4592D1, #544665)
• Lilac Market color palette (#F3F4FF, #CEB9EB, #61C2CE, #9C79C7, #2A5362)
• Peony Veranda color palette (#F7F3FF, #E4B2D5, #D0AA75, #C167AA, #614824)
• Timeworn Orchard color palette (#F6F4FB, #E8C5DA, #966F8A, #534666, #2E2836)
• Weathered Raspberry Lantern color palette (#F9F2FF, #E4A0C0, #74A8E7, #CB4690, #22446B)
• Softworn Corridor color palette (#F3F4FF, #D5D9FF, #A48ECB, #755C9C, #3F2F54)
• Dusty Cobalt Meadow color palette (#F1F5FF, #A8A9E5, #94A159, #6B69AC, #2F5649)
• Washed Loft color palette (#FEF1F8, #D2CEFF, #CDCB8A, #A6A1D6, #5E4B00)

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