Turquoise Coast color palette — #F9F3F7 · #C4EDF9 · #45B4D3 · #468A6A · #344A5D

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#C4EDF9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#45B4D3): A luminous, balanced blue — the color of deep harbor water.
• Fern (#468A6A): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#344A5D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Turquoise Coast 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

• Powder Canyon color palette (#FAF3F6, #D9DFEE, #88B5E7, #569291, #475369)
• Dusty Azure Studio color palette (#FBF2F8, #B4DBEE, #2AA0DB, #007E6C, #273C56)
• Dusty Amber Boulevard color palette (#EFF6FF, #78A6E9, #CF8700, #868E28, #2A394C)
• Aged Petrol Terrace color palette (#EDE3EB, #67AFBA, #007095, #004C3B, #00142C)
• Misty Periwinkle Bloom color palette (#CDEEFF, #5EC1F3, #4697F9, #5867A9, #444867)
• Soft Mustard Market color palette (#EEF6FF, #88BCF5, #B5A800, #4883C3, #244B3A)
• Ancient Ultramarine Meadow color palette (#EADFE3, #5F99C3, #1C4DBA, #003B40, #090127)
• Worn Amber color palette (#FFF1F8, #A8C8A5, #BD7E5C, #8F5855, #2F4336)

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