Quiet Pier color palette — #F3F4FF · #D6BEFF · #FFA281 · #AC8CDD · #5F3627
Built around Wisteria, softened by Melon — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Lavender (#D6BEFF): A whisper-light, balanced violet — the color of wild irises.
- Melon (#FFA281): A luminous, balanced orange — the color of autumn markets.
- Wisteria (#AC8CDD): A luminous, balanced violet — the color of wild irises.
- Cocoa (#5F3627): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Optimism, Creativity, Balance. Tagged light.
Use it as a design system
One click turns Quiet 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
- Gentle Atelier color palette (#F4F4FF, #DCA2FF, #FA9195, #6CABE2, #373549)
- Hazy Mustard Hollow color palette (#F9F2FF, #FFB1D3, #DEB956, #CE84A5, #2C4A36)
- Misty Mustard color palette (#FFF1F6, #DCC9FF, #B6C46F, #957ABF, #363D01)
- Tempered Study color palette (#FEE5FD, #FFA0A3, #9FA7FF, #D76B71, #2E3059)
- Ancient Ash Veranda color palette (#F5F4FF, #EDD8DD, #B9B2A6, #B5A4CD, #524E63)
- Antique Mallow Canyon color palette (#F7F3FF, #FFBBF2, #85D1FD, #C598BB, #395061)
- Pale Wisteria Summit color palette (#FAF1FF, #EFC6FF, #CA96E1, #926EA5, #3C2346)
- Wandering Seafoam Atelier color palette (#F1F5FF, #C1C7FF, #6AD3C4, #9298DB, #134B53)
Browse the whole catalog at Explore, or see today's palette.