Teal Harbor color palette — #F9F3F7 · #D7D5E5 · #9DCDF5 · #6DB398 · #47536A

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D7D5E5): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#9DCDF5): A whisper-light, dusty blue — the color of open sky before noon.
• Jade (#6DB398): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#47536A): A full-bodied, dusty violet — the color of a velvet chair.

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

• Lagoon Meadow color palette (#F8F5EF, #CBE7E3, #87B9D2, #449691, #2E5349)
• Antique Stone Villa color palette (#E6FAFA, #D2DDEA, #C4C083, #BBA8A8, #365056)
• Hazy Powder Bloom color palette (#FDF2F6, #C9E9FF, #94B4FF, #00A6A0, #443270)
• Powdered Cornflower Field color palette (#F2E3EB, #86B7D4, #527FD9, #006E66, #17023B)
• Hushed Jade Grove color palette (#E7FAF8, #B5E3B9, #F2B1CD, #76BB7F, #574464)
• Olive Hollow color palette (#F8F0EB, #C5E9E5, #7AA1C0, #5B7536, #41303D)
• Timeworn Blush Villa color palette (#E4FAFD, #8AD9C4, #E2A8D3, #D88999, #29484C)
• Teal Grove color palette (#FAF3F6, #D8D4E3, #A7C9F7, #4DB7A4, #48516F)

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