Teal Harbor color palette — #F0F8F1 · #C8E4FF · #73CDDC · #59AA8E · #2A4C5F

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

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Powder Blue (#C8E4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#73CDDC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Jade (#59AA8E): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#2A4C5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Softworn Lagoon Ridge color palette (#F9F3F9, #C9E3FB, #72AFC4, #5A875D, #314A64)
• Weathered Basin color palette (#EFF6FF, #9EBDFF, #EF9A93, #7AB77B, #283852)
• Patina Summit color palette (#EBFAEE, #9AE8FC, #09BAF6, #009893, #00355A)
• Weathered Cerulean Parlor color palette (#EFF8F1, #D9DCFA, #91B5FF, #00A0C8, #373A6A)
• Cobalt Boulevard color palette (#DDECE0, #78A7C6, #1A75CE, #005B69, #02002F)
• Ancient Hollow color palette (#E8F3EA, #6CBFC9, #0091B1, #006E60, #001623)
• Soft Periwinkle Hollow color palette (#EFF6FF, #ACCEFF, #DBB877, #699FF0, #543F13)
• Weathered Oat color palette (#FFF0F8, #EFC8A9, #CDA18D, #9E7B97, #324233)

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