Teal Harbor color palette — #F0F7F1 · #D2DEF4 · #7CC8F2 · #00AEAD · #2D4A67

Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Powder Blue (#D2DEF4): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#7CC8F2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Turquoise (#00AEAD): A luminous, balanced teal — the color of glacier melt.
• Navy (#2D4A67): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Wandering Aqua Cabin color palette (#EBF7FF, #D8D9E4, #5DC9D7, #C0A8A9, #384C60)
• Ancient Powder Dune color palette (#FAF4F0, #C2E0EB, #83C1F9, #3F947A, #4E3747)
• Softworn Parlor color palette (#B1EDE7, #7CDAE2, #27BBD6, #008FBF, #174B6A)
• Periwinkle Harbor color palette (#E9FAEC, #B6E0FF, #6EACFF, #0094AE, #1E2A6E)
• Wandering Villa color palette (#E4EEE6, #76A9BB, #00829B, #005F51, #000B13)
• Faded Cobalt Workshop color palette (#E3F2E6, #82B9D4, #0089D7, #006C75, #001135)
• Frosted Boulevard color palette (#ECF7FF, #7CC9EE, #F290C0, #ACAC0D, #203B4D)
• Frosted Corridor color palette (#EBF7FF, #88D9F6, #FFA471, #00AFD9, #643315)

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