Quiet Pier color palette — #E8EAFE · #634DF6 · #776300 · #555600 · #0C0234
Built around Iris, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Frost (#E8EAFE): A whisper-light, dusty violet — the color of a velvet chair.
- Iris (#634DF6): A full-bodied, vivid violet — the color of a velvet chair.
- Olive (#776300): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#555600): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#0C0234): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.
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
- Misty Station color palette (#D9E8F8, #0074C6, #915300, #6D4A00, #000F21)
- Aged Byzantium Summit color palette (#E8E1ED, #A53EDB, #537000, #005B19, #190027)
- Frosted Violet Alley color palette (#EEEBFF, #9469FF, #A27900, #687800, #290C59)
- Lapis Study color palette (#DADFF3, #5250FC, #AD0087, #005D69, #181B53)
- Tempered Plum Boulevard color palette (#FAE0E1, #B60098, #536300, #2C4400, #1A0014)
- Magenta Corridor color palette (#F6DAF0, #D32CC0, #006523, #005653, #1F001B)
- Lilac Dune color palette (#FFECF4, #A190D1, #90925A, #71804A, #35202A)
- Faded Peony Veranda color palette (#F4F4FF, #9584FF, #F30097, #007F9C, #14013C)
Browse the whole catalog at Explore, or see today's palette.