Turquoise Harbor color palette — #F5F6EB · #BAE9DF · #4EB5C7 · #378A84 · #2D513D

Built around Cyan, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F6EB): a clean, paper-quiet neutral.
• Sea Foam (#BAE9DF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#4EB5C7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#378A84): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#2D513D): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. 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

• Wandering Alley color palette (#F9F4EE, #CBE4CE, #5994A4, #007361, #295142)
• Quiet Corridor color palette (#AFFBEE, #00CFC5, #00AAAD, #157C84, #2F543C)
• Periwinkle Meadow color palette (#F4F6EE, #B7EAEC, #71ABD9, #35869E, #543F56)
• Muted Petrol color palette (#E2E4D7, #56B0C3, #00718C, #00494D, #001721)
• Powdered Veranda color palette (#DDFFEB, #00B7DD, #928CE2, #58966D, #283E32)
• Washed Summit color palette (#F1F7F2, #CCE1FA, #6DCDE6, #38AE97, #1A4E66)
• Softworn Aqua color palette (#EAFAEF, #00CEE9, #B792DB, #278FA0, #4B395D)
• Dusty Cerulean Balcony color palette (#EEF0E6, #83D3E0, #0096B1, #006C6C, #003343)

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