Turquoise Harbor color palette — #FBF2F9 · #D4D4E3 · #52B2DF · #358054 · #192E4F

Cyan and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#52B2DF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#358054): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#192E4F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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 Periwinkle color palette (#FCF2F5, #D9D3DE, #91A2E4, #007F80, #35244D)
• Washed Parlor color palette (#F9F4EE, #CAE9D0, #4DC2E2, #00A28D, #0A4058)
• Muted Grove color palette (#EBF5ED, #94D4DB, #008AA6, #005D50, #002435)
• Timeworn Boulevard color palette (#F9F3F9, #D3D5E4, #AAC8F2, #739E7C, #3B4F66)
• Denim Delta color palette (#F3E8F0, #6FAEB8, #005B84, #002D1B, #00000C)
• Quiet Pine color palette (#D8FEFC, #70D89B, #C58ED4, #138C54, #371A3E)
• Emerald Meadow color palette (#FFF4DB, #C2CF6F, #44A553, #006F4B, #003936)
• Ancient Driftwood color palette (#EAFBE9, #A7D3BC, #AA8149, #804632, #002822)

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