Quiet Pier color palette — #F7EED1 · #888300 · #7A51B5 · #4C4900 · #1A0035
A conversation between Violet and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7EED1): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#888300): A full-bodied, balanced green — the color of new leaves after rain.
- Violet (#7A51B5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#4C4900): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Indigo (#1A0035): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, 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
- Tempered Moss Pier color palette (#F1F1D5, #66A221, #6E40A4, #2F5200, #1B0034)
- Dusty Sapphire Hollow color palette (#F6E1C9, #AD7000, #525FC2, #623E00, #0A0043)
- Aged Indigo Alley color palette (#ECEBCE, #76A04F, #6F70C9, #3B6200, #171145)
- Muted Orchid color palette (#C6E7D6, #A49C34, #9F62E1, #6C6600, #351355)
- Pale Dune color palette (#EFECDB, #677300, #604BA7, #5B3586, #0A0C00)
- Dusty Archive color palette (#D4F9EA, #009D7A, #B82A9A, #005A45, #2C0023)
- Olive Orchard color palette (#E4DEC8, #7E8623, #007888, #494E00, #002F37)
- Gentle Pine Parlor color palette (#F1F4E2, #7EB477, #B175AD, #3D7436, #371B36)
Browse the whole catalog at Explore, or see today's palette.