Turquoise Harbor color palette — #F8F4EE · #C6EAE7 · #67A2C0 · #3F7A78 · #33514A

Blue Fog takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8F4EE): a clean, paper-quiet neutral.
• Honeydew (#C6EAE7): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#67A2C0): A luminous, dusty blue — the color of open sky before noon.
• Teal (#3F7A78): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#33514A): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: 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

• Patina Atelier color palette (#F8F5EF, #C7E5D4, #3193CA, #007073, #544055)
• Hushed Cypress Atelier color palette (#F3EEE6, #82BEBA, #007680, #00523A, #003441)
• Muted Harbor color palette (#EEF7F6, #D5DDEB, #A5CDE5, #78ABBD, #405665)
• Olive Villa color palette (#F8F0EB, #C6E7E3, #73A2C8, #5A7536, #432F3E)
• Softworn Amber Delta color palette (#FFF0F8, #9590CA, #BE744D, #43856D, #4F3C46)
• Weathered Alley color palette (#EDE5D9, #328BAE, #004065, #002225, #00081E)
• Softworn Taupe color palette (#FFF0F9, #A5AAE7, #A99A44, #686AAD, #504D46)
• Sapphire Hollow color palette (#FEF4E4, #7CBEF6, #0062E9, #005366, #252B66)

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