Turquoise Harbor color palette — #F4F6F0 · #CAE5E9 · #A8CAF2 · #5AADD4 · #5F4B5E

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

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#CAE5E9): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A8CAF2): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#5AADD4): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#5F4B5E): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Tempered Lagoon color palette (#F5F6EF, #CAE7E4, #99D0E6, #49B4BC, #2C5345)
• Sky Chapel color palette (#FFF1F6, #CEBCF3, #F0A5B5, #53BBEF, #523A44)
• Stone Hollow color palette (#FFF1F4, #E3D7D2, #C4AEDC, #9EB1A0, #644C50)
• Dusty Ash color palette (#EAF4F4, #D6D9EC, #7C9FCB, #516F85, #2C3746)
• Worn Study color palette (#F4F6EE, #C5EAD8, #78BBE3, #009CB5, #143E5D)
• Worn Studio color palette (#FFF0F8, #D8CDFE, #BDA3E4, #AC84C5, #6F4650)
• Softworn Pier color palette (#E8E9DB, #70BFC5, #0093A5, #006D67, #00171E)
• Muted Lilac color palette (#FEF1F6, #DCCBF9, #7ED7E3, #B597E3, #37553F)

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