Quiet Harbor color palette — #E3FBF9 · #7FD8FF · #0097D5 · #006F82 · #003659
A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E3FBF9): A whisper-light, dusty teal — the color of glacier melt.
- Ice Blue (#7FD8FF): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#0097D5): A luminous, balanced blue — the color of deep harbor water.
- Teal (#006F82): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003659): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Antique Cerulean color palette (#E2FCF6, #7CDEDE, #009FAB, #007367, #003A44)
- Linen Study color palette (#FFF4E2, #A7E4FF, #48B3FE, #0096A0, #002F6E)
- Periwinkle Garden color palette (#FFF0F8, #D8D6EE, #469BFF, #007464, #21135B)
- Hushed Cobalt Garden color palette (#FFF0F8, #59C6F1, #0071BF, #005653, #1F2B6A)
- Antique Periwinkle Basin color palette (#ECF8F8, #D6DBF8, #70A8EC, #3084AB, #364963)
- Hushed Teal color palette (#DDEFEB, #51A29D, #006568, #003C32, #000C0E)
- Washed Raspberry Courtyard color palette (#E7DEFA, #A35FFF, #E9006C, #0078A5, #2B154A)
- Mallow Delta color palette (#F9F2FF, #FBCFFF, #FF90E0, #896CCE, #452851)
Browse the whole catalog at Explore, or see today's palette.