Turquoise Harbor color palette — #D1F3F8 · #00ADCC · #0076A3 · #004D7D · #342F59

Cyan and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D1F3F8): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00ADCC): A luminous, balanced blue — the color of deep harbor water.
• Slate (#0076A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004D7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#342F59): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Turquoise 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 Azure Field color palette (#BCE6F3, #50CEFA, #00A6DF, #2083B8, #043C63)
• Muted Teal color palette (#CDEFE5, #00AB9F, #007B7F, #005765, #1E375B)
• Softworn Corridor color palette (#E9F3FF, #6FAAF3, #0060B0, #00386F, #01204A)
• Cobalt Meadow color palette (#C3E6F1, #007EAB, #005078, #002B5E, #23063F)
• Frosted Cornflower Ridge color palette (#BEEAFF, #6DB8F1, #317FE1, #3E5395, #3A4768)
• Frosted Loft color palette (#E0F1FF, #2BA7EB, #A15200, #005D89, #4F2B0F)
• Timeworn Lilac color palette (#EDF6FF, #C3D3FE, #BAA3DF, #257188, #344458)
• Tempered Plum color palette (#D0E8FF, #007FCB, #C21A5B, #4A6600, #182D40)

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