Teal Harbor color palette — #D3E9F0 · #00C2C4 · #557583 · #394D53 · #0F1A1D

A conversation between Turquoise and Slate, giving this palette its sense of sophistication.

The five colors

• Frost (#D3E9F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#00C2C4): A luminous, balanced teal — the color of sea glass.
• Slate (#557583): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#394D53): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#0F1A1D): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Sky Alley color palette (#D6E7F7, #4CB2FF, #5E718A, #3E4B58, #13191E)
• Tempered Clover color palette (#D1EBE8, #4DC769, #537778, #394E4C, #131A19)
• Hushed Lagoon color palette (#D3E9EF, #00A4A3, #3A505F, #203136, #101A1B)
• Hushed Seafoam color palette (#E3FBFA, #9CE7CC, #6EBDAD, #719998, #2A484B)
• Petrol Bloom color palette (#C5EBF0, #007985, #003847, #1A1B22, #00090E)
• Aqua Drift color palette (#B9F6FF, #45DAFC, #35B9E1, #4590B3, #2E5069)
• Airy Powder color palette (#EDF7FF, #74C8FF, #C5A2EE, #5AB99F, #243B4C)
• Chalky Meadow color palette (#EBF7FF, #7DDAFF, #A5CC7C, #58AACB, #184C42)

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