Teal Harbor color palette — #B5EAEB · #4CC4A4 · #00907E · #005E57 · #003837

Mint Leaf takes the lead with Fern close behind in a set that reads as calm and balance at first glance.

The five colors

• Sea Foam (#B5EAEB): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#4CC4A4): A luminous, balanced teal — the color of sea glass.
• Fern (#00907E): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005E57): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#003837): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Calm, Balance. Tagged cool.

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

• Quiet Turquoise color palette (#D0F1FA, #1FB7C0, #008899, #005363, #0A3549)
• Mint Garden color palette (#D1F7C7, #52C989, #008F7D, #006164, #21425E)
• Lagoon Coast color palette (#CEEDE7, #00A59F, #00676A, #00454C, #001F25)
• Worn Aqua color palette (#DDF7FF, #66D4D6, #008A8F, #004A4D, #001D1F)
• Pale Pine Dune color palette (#E5EEDD, #7BB26A, #079037, #005E30, #07341F)
• Airy Study color palette (#DFF7FD, #4CB7B2, #897FD9, #007470, #1E2544)
• Muted Terrace color palette (#DEF7FF, #00A1A8, #5579D8, #4C792D, #00232C)
• Lagoon Station color palette (#DEF7FF, #CDD8E8, #AAC7F8, #389088, #1A333C)

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