Quiet Harbor color palette — #FFF0FA · #7EDAF1 · #1993E0 · #007558 · #222B6A
Azure and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Ice Blue (#7EDAF1): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#1993E0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#007558): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#222B6A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Powdered Cornflower Cabin color palette (#FFF1F5, #97D2FE, #607FFF, #007271, #3D1C6A)
- Quiet Azure Market color palette (#FFF2EB, #D1E9FF, #0EA2F6, #007557, #14195D)
- Antique Archive color palette (#EBDBE5, #81BBD0, #1677C8, #005B4A, #18164A)
- Washed Sky color palette (#ECF9EF, #92E9FF, #09BAF6, #009893, #00355A)
- Lagoon Cabin color palette (#FBF2F6, #D4DEFC, #86A6D9, #318B80, #3E4665)
- Weathered Quarry color palette (#D5F7E5, #00BCAD, #0089A0, #005D8D, #172E79)
- Weathered Field color palette (#D0EDF9, #009BC2, #C85D00, #876000, #002935)
- Ancient Courtyard color palette (#D9F3FF, #3EBBFF, #0083B2, #005075, #001A2A)
Browse the whole catalog at Explore, or see today's palette.