Quiet Pier color palette — #BBE5FC · #008FAD · #825AB4 · #33601B · #001E2C

Amethyst takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Powder Blue (#BBE5FC): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008FAD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Amethyst (#825AB4): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#33601B): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#001E2C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Azure Veranda color palette (#DFF2FF, #009CD0, #9C67B6, #336F41, #122938)
• Orchid Terrace color palette (#EAF7FF, #0099BB, #A74BA9, #624900, #000910)
• Wandering Mulberry Corridor color palette (#DDEFFF, #0075B4, #942996, #005032, #000F1C)
• Cornflower Courtyard color palette (#CCE0F8, #017DF2, #AE3E93, #00614D, #041B34)
• Muted Cobalt color palette (#BEE7EA, #009676, #2172C6, #664F00, #002022)
• Softworn Indigo Delta color palette (#E1EDF7, #16B1F4, #535DE4, #006B97, #060D1D)
• Mulberry Thicket color palette (#C8E3F1, #006E82, #8F234A, #532D00, #001F26)
• Antique Petrol Boulevard color palette (#E7F0F8, #CBD9EC, #ABB8D0, #4975A0, #242F3A)

Browse the whole catalog at Explore, or see today's palette.