Quiet Pier color palette — #F3F4FF · #C3ABE1 · #84B56B · #9861D0 · #2E4C1D
Built around Amethyst, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Lavender (#C3ABE1): A luminous, dusty violet — the color of twilight just after sunset.
- Jade (#84B56B): A luminous, balanced green — the color of new leaves after rain.
- Amethyst (#9861D0): A luminous, vivid violet — the color of twilight just after sunset.
- Deep Olive (#2E4C1D): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Aged Harbor color palette (#F7F3FF, #DFA0CE, #51BB95, #B55A9F, #0D4E3A)
- Gentle Cabin color palette (#F1F5FF, #AEB2E8, #C59E4D, #726EE4, #553E06)
- Muted Mint Dune color palette (#FFF1F6, #E0C7FF, #9DCB80, #977AB9, #393932)
- Hushed Lagoon color palette (#F5F4FF, #BD92CA, #86A55A, #00977E, #38344E)
- Wandering Courtyard color palette (#FFF1F5, #B48ECB, #C6703D, #7D4E97, #48413C)
- Soft Studio color palette (#E7DFFF, #F07AF2, #00A667, #920098, #00381F)
- Quiet Study color palette (#F4F4FF, #DEBAFF, #FEA477, #AF8FCB, #573749)
- Muted Chapel color palette (#F7F3FE, #BFCB96, #965B82, #5B334D, #241E2C)
Browse the whole catalog at Explore, or see today's palette.