Quiet Pier color palette — #E2E6F6 · #5BA14E · #420F89 · #170039 · #01010B
Royal Purple and Kelly Green set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#E2E6F6): A whisper-light, dusty violet — the color of wild irises.
- Kelly Green (#5BA14E): A luminous, balanced green — the color of new leaves after rain.
- Royal Purple (#420F89): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#170039): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#01010B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.
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
- Sunlit Aubergine color palette (#F0EDFF, #7C9B2F, #5D0067, #220027, #020008)
- Navy Pier color palette (#DBE5F6, #A68B22, #1C2E7E, #050C33, #00010A)
- Dusty Nightshade Study color palette (#EBD8E1, #79B95D, #5641A0, #292248, #15060E)
- Mulberry Grove color palette (#F2F0F9, #A7BD84, #753B77, #381A39, #0D0A17)
- Eclipse Olive color palette (#EFE8FE, #627000, #390032, #261117, #080006)
- Tempered Ember color palette (#DDDCEC, #D86447, #4F1661, #24052E, #0B0917)
- Antique Lapis Boulevard color palette (#DCE7FF, #5248D8, #3F6100, #003F40, #05031F)
- Muted Garnet color palette (#FFEAFD, #BAAA1E, #92001B, #42050A, #0E040E)
Browse the whole catalog at Explore, or see today's palette.