Soft Harbor color palette — #E6FAF8 · #ABE5FF · #23A7E6 · #007F94 · #0F4368
A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E6FAF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Powder Blue (#ABE5FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#23A7E6): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007F94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#0F4368): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Soft 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
- Pale Garden color palette (#E9F9F6, #90EEEE, #00B0BD, #008476, #004854)
- Turquoise Hollow color palette (#D4E8E6, #46B0D2, #007095, #004951, #001625)
- Wandering Cobalt Garden color palette (#ECF9EF, #ABD5EF, #0087CC, #00656C, #193F73)
- Muted Periwinkle color palette (#FFF0F8, #D5D4E2, #76B0FF, #008979, #312B62)
- Sky Thicket color palette (#FBF4E9, #C1ECFF, #67BFFF, #00A4AD, #143E77)
- Timeworn Dune color palette (#EDF8F7, #D8DBEA, #95B4D9, #678BA4, #465366)
- Raspberry Grove color palette (#F9F2FF, #FF77C0, #3E9FFE, #C23989, #003B6E)
- Blush Lagoon color palette (#FFE3E7, #FF5384, #C18000, #8B69BD, #4C202A)
Browse the whole catalog at Explore, or see today's palette.