Quiet Pier color palette — #D3E6E7 · #00708C · #004266 · #001F4C · #19002E
Teal takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Silver (#D3E6E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#00708C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004266): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#001F4C): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#19002E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, 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
- Hushed Navy Summit color palette (#CFF1FA, #006B9B, #003591, #180064, #1A003B)
- Timeworn Courtyard color palette (#DCEEE7, #007D76, #00454D, #002836, #001527)
- Faded Petrol color palette (#CFF4FB, #0092BA, #0075B0, #004684, #00064F)
- Antique Bloom color palette (#DAE6F0, #00659A, #674300, #002F4C, #180D00)
- Washed Studio color palette (#E1F1FF, #909EF8, #A462AB, #004249, #0A0E36)
- Aged Denim Courtyard color palette (#D3E4F7, #004E8C, #5E3500, #2F2E00, #000716)
- Misty Ember color palette (#CAE7DA, #E76923, #0063B1, #0C0C1C, #000206)
- Navy Lantern color palette (#D8F0FC, #005BC6, #14008C, #1C0047, #0E0018)
Browse the whole catalog at Explore, or see today's palette.