Teal Harbor color palette — #F9F4ED · #C4E8E0 · #7ECAE0 · #00B198 · #1D4D65

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Honeydew (#C4E8E0): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7ECAE0): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00B198): A luminous, balanced teal — the color of glacier melt.
• Peacock (#1D4D65): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Teal 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

• Dusty Turquoise color palette (#F9F4ED, #C1E9EB, #99C2EC, #3CA8BA, #593D55)
• Dusty Sky color palette (#FAF2F9, #D3D4E4, #5AC9FA, #56916A, #2D405A)
• Hushed Cerulean Basin color palette (#EEE7DB, #6FBECF, #008FBC, #006D68, #001527)
• Cypress Cabin color palette (#EDF4EE, #B3E5F7, #5099AD, #0E6E5E, #172F3F)
• Washed Cobalt Summit color palette (#ECE4D8, #7DA5CA, #4571C4, #005A70, #06002B)
• Mallow Basin color palette (#FFF1F2, #E3D7D0, #C6A4E2, #9BBAA6, #654747)
• Ancient Harbor color palette (#FFF1F2, #E3A8D7, #C9B366, #2EB7D1, #4C2E32)
• Wisteria Ridge color palette (#FFF1F3, #EBB8EA, #8BD290, #D079D0, #244D29)

Browse the whole catalog at Explore, or see today's palette.