Quiet Harbor color palette — #FFF0FA · #D5D9F5 · #00A5ED · #007466 · #001F59
Cornflower and Midnight 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.
- Powder Blue (#D5D9F5): A whisper-light, dusty violet — the color of wild irises.
- Cornflower (#00A5ED): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007466): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#001F59): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Misty Turquoise Lantern color palette (#FFF0FB, #B9FDFF, #00ABCF, #007650, #002740)
- Iris Alley color palette (#EBFAE9, #DEE1F3, #7291FF, #007080, #281256)
- Pine Orchard color palette (#FCF1F8, #CADFF7, #36C2DA, #008D4E, #003A53)
- Soft Petrol color palette (#FFF2EB, #6AC6DE, #0076AB, #00574C, #0F3067)
- Gentle Alley color palette (#FFF0F8, #A7D3EC, #0081C7, #00524B, #010039)
- Lagoon Coast color palette (#FBF2F6, #D8D4DF, #99BEED, #3D9192, #343F58)
- Aged Summit color palette (#F8E9EF, #70AACE, #1550A7, #002B2D, #01000A)
- Chalky Fuchsia Thicket color palette (#FFF0F8, #FF6ECB, #008F58, #007B89, #27001B)
Browse the whole catalog at Explore, or see today's palette.