Soft Harbor color palette — #E4F3EC · #00AEA0 · #00858E · #005D73 · #002C47
Turquoise takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E4F3EC): a clean, paper-quiet neutral.
- Turquoise (#00AEA0): A luminous, balanced teal — the color of sea glass.
- Teal (#00858E): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005D73): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002C47): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Worn Teal color palette (#D1F1DB, #00C6A2, #00A3AD, #007690, #002B4F)
- Patina Teal Corridor color palette (#A9FCE4, #00C5BE, #009198, #005666, #00202E)
- Jade Studio color palette (#DAEECE, #00B267, #00866A, #00625E, #003238)
- Tempered Turquoise color palette (#C1EAEC, #00ACC9, #007EAB, #004F8D, #202759)
- Antique Harbor color palette (#D6F3FF, #C7D2FD, #AFA8F1, #0F8F7A, #193345)
- Ancient Navy color palette (#C4F1F8, #008CBD, #005D93, #09248A, #140945)
- Weathered Ember Lagoon color palette (#B9E6F9, #00ACBD, #D35B46, #00707C, #48160D)
- Washed Aqua color palette (#ADEEF1, #13D1F4, #3898D3, #466FA1, #374969)
Browse the whole catalog at Explore, or see today's palette.