Quiet Harbor color palette — #E2F1FF · #0F93FA · #0056CE · #0E10C6 · #212674
Built around Indigo, softened by Cobalt — the whole palette hums with trust and stability.
The five colors
- Frost (#E2F1FF): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#0F93FA): A luminous, vivid blue — the color of deep harbor water.
- Cobalt (#0056CE): A full-bodied, vivid blue — the color of open sky before noon.
- Indigo (#0E10C6): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Navy (#212674): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Quiet Harbor 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 Harbor color palette (#D3F2FB, #008DD2, #003EE1, #26169E, #1F0040)
- Pale Ultramarine Parlor color palette (#DEF3FC, #31B0FB, #0E7AF5, #443CC5, #3F1D6D)
- Ancient Ultramarine color palette (#D5E6FF, #3A7BFF, #00845E, #0036C8, #003825)
- Aged Corridor color palette (#ECEEFF, #8787FF, #4A00E3, #260081, #130050)
- Feathered Meadow color palette (#D7ECF5, #009ACF, #006C9E, #00426D, #281E5A)
- Electric Bloom color palette (#E3E8FF, #8379FF, #6800E9, #4E0098, #3E1162)
- Hushed Wisteria color palette (#F1F5FF, #CAC0FF, #C681F3, #3F5AB2, #3D375C)
- Amethyst Delta color palette (#EAEDFF, #9792FF, #7B27F6, #662DAC, #50346D)
Browse the whole catalog at Explore, or see today's palette.