Quiet Harbor color palette — #BCF3FF · #7BBEDE · #3A79B1 · #2C3A9D · #220A5D
Indigo takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#BCF3FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#7BBEDE): A luminous, balanced blue — the color of open sky before noon.
- Slate (#3A79B1): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#2C3A9D): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#220A5D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Misty Field color palette (#CBFFEE, #92B0DF, #696EB3, #522B89, #360041)
- Patina Grove color palette (#D0F7FF, #6FCEF5, #4E96E1, #4361A7, #352C71)
- Antique Cerulean color palette (#C0FEF1, #63BABC, #00869D, #004C70, #002351)
- Timeworn Loft color palette (#C9FFF0, #63C4CC, #0B7DC7, #424590, #562264)
- Aubergine Summit color palette (#D2FDF0, #D3B1CF, #7E83BC, #66438F, #43104E)
- Charred Navy color palette (#D1F4FF, #006FA1, #00337B, #12004D, #03000B)
- Deep Summit color palette (#CEE0F7, #444DA9, #36007A, #190025, #030003)
- Feathered Ultramarine Bloom color palette (#D2EFFF, #0792FA, #3241D6, #3C0084, #1F0035)
Browse the whole catalog at Explore, or see today's palette.