Quiet Violet Pier color palette — #DAEFE4 · #9D942E · #8767C2 · #5E5700 · #220E3F
Amethyst and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DAEFE4): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#9D942E): A luminous, balanced green — the color of new leaves after rain.
- Amethyst (#8767C2): A full-bodied, balanced violet — the color of a velvet chair.
- Olive (#5E5700): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#220E3F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Quiet Violet 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
- Frosted Indigo color palette (#DFF4EB, #90934B, #716BC4, #595B00, #312B66)
- Washed Harbor color palette (#D2F0EF, #46A773, #9164B9, #00663C, #28093D)
- Cobalt Corridor color palette (#DBEFE1, #AA8E28, #1B82C4, #675300, #001E34)
- Olive Archive color palette (#E5F6F2, #92AF76, #A679B8, #4B7219, #331C3D)
- Gentle Mulberry Station color palette (#CDF4E7, #728624, #755EAC, #79397A, #001912)
- Lilac Hollow color palette (#FCF5DC, #C2C66C, #A894F6, #7A7C00, #2A1C50)
- Plum Harbor color palette (#D7F3DE, #27B066, #A80091, #005C30, #2C0024)
- Aubergine Coast color palette (#D7F6EE, #578B1E, #4E2E9B, #223F00, #0A0022)
Browse the whole catalog at Explore, or see today's palette.