Turquoise Harbor color palette — #EAF9F2 · #C7DFE1 · #A4AEC9 · #5DB0D1 · #36433D

Built around Cyan, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAF9F2): bright and airy, almost weightless.
• Silver (#C7DFE1): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#A4AEC9): A luminous, dusty violet — the color of wild irises.
• Cyan (#5DB0D1): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#36433D): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Periwinkle Archive color palette (#FBF2FB, #F0D4D9, #D5B6AA, #7EA6E0, #483A48)
• Teal Terrace color palette (#F1F7EE, #C6E6DB, #A7D1C7, #4EB9A4, #3B4237)
• Timeworn Cerulean color palette (#EEF8F1, #C2E4E8, #E2C3D9, #3794A9, #34443A)
• Softworn Powder color palette (#D8FFF3, #CAE0FF, #B5C4F4, #95B2FF, #1B3B5B)
• Worn Delta color palette (#DFEDFF, #BACAFF, #B1ABDD, #A57773, #673A40)
• Misty Wisteria color palette (#FEF0FF, #7FBBFF, #AE75FC, #B24B82, #00383B)
• Airy Periwinkle Orchard color palette (#EEFBD8, #7DCAFF, #669AFF, #A65B99, #183754)
• Weathered Periwinkle color palette (#F8EBF9, #48A5FF, #4F6697, #4A3C4C, #041510)

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