Quiet Harbor color palette — #F0F5FF · #9CBCFA · #577CD8 · #004A9B · #001D47
Built around Indigo, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Sky (#9CBCFA): A luminous, balanced violet — the color of twilight just after sunset.
- Azure (#577CD8): A luminous, balanced violet — the color of a velvet chair.
- Indigo (#004A9B): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#001D47): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged monochrome, 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
- Antique Cornflower color palette (#F1F5FF, #BED7FF, #6187E4, #144682, #000D25)
- Aubergine Veranda color palette (#F5F2FF, #BAB4F9, #7F6FD0, #553297, #261150)
- Patina Cerulean color palette (#D2FCE6, #75C6E9, #0093C5, #005877, #002536)
- Ultramarine Basin color palette (#ECF4FF, #83A5EC, #2B5CC7, #0E317F, #091E4A)
- Misty Periwinkle Veranda color palette (#ECF4FF, #B1CFFF, #70A6F9, #4C73AF, #091F45)
- Nightshade Meadow color palette (#EAF0FF, #7E90EA, #3150D2, #1D0097, #02002C)
- Periwinkle Quarry color palette (#DCEAC8, #FF9E77, #91A8FF, #2C365C, #231821)
- Washed Amethyst Chapel color palette (#FDF1F7, #B7A8EF, #C95463, #7A52D4, #2A0F07)
Browse the whole catalog at Explore, or see today's palette.