Teal Harbor color palette — #FAF3F7 · #D4E0F8 · #9BC1EA · #5CA995 · #414468

A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D4E0F8): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#9BC1EA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#5CA995): A luminous, balanced teal — the color of sea glass.
• Navy (#414468): 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

• Washed Parlor color palette (#F9F4EE, #C0E7E5, #72ACD3, #3A888B, #543F56)
• Stone Archive color palette (#DEFCFA, #D4DFED, #BEAFB2, #AEB485, #334F56)
• Patina Coast color palette (#FFF1F5, #BADEFF, #91A3FF, #00979B, #3E215F)
• Feathered Studio color palette (#E3FAFD, #7DE2C8, #E8A6D1, #49B49B, #5C324E)
• Cobalt Thicket color palette (#FBE9F1, #6FBAE4, #5780D2, #006E66, #170439)
• Dusty Cobalt Dune color palette (#E7DDE4, #70ACB3, #007EAE, #00613A, #000428)
• Tempered Study color palette (#E1FBFF, #9AEFDF, #4FC3B3, #2F9681, #003833)
• Antique Taupe color palette (#E6FCED, #ABDDCC, #BDAB74, #A27B8C, #204442)

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