Quiet Pier color palette — #DBEDFF · #9AC1FF · #6C87ED · #6966B1 · #4C4065
Built around Lavender Blue, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Frost (#DBEDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#9AC1FF): A luminous, balanced blue — the color of deep harbor water.
- Lavender Blue (#6C87ED): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#6966B1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#4C4065): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
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
- Pale Periwinkle Villa color palette (#DCF1FF, #A1CAFF, #97A5F5, #887DC1, #564367)
- Washed Azure Studio color palette (#D3F0FF, #58C8F3, #09A1EC, #3469A8, #374567)
- Pale Lilac color palette (#D9E4FF, #B9AEFA, #AD7AE9, #835694, #483E5F)
- Tempered Garden color palette (#F1F5FF, #ABB1F4, #BEA425, #7276CA, #284B37)
- Tempered Periwinkle Atelier color palette (#F1F5FF, #DFD8E1, #FFBFC0, #839CD0, #4B4E65)
- Feathered Grape color palette (#D2E1F7, #5067F3, #5100D4, #44008B, #1B002D)
- Violet Atelier color palette (#DBE0EE, #8D8DFF, #8F4DFF, #7C00B3, #4B1355)
- Feathered Summit color palette (#F2F5FF, #A097F1, #E37639, #399A79, #31374C)
Browse the whole catalog at Explore, or see today's palette.