Turquoise Harbor color palette — #E2F7F6 · #7AB4D2 · #5A7BA2 · #664468 · #1F2E3A

A conversation between Cyan and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E2F7F6): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#7AB4D2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5A7BA2): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#664468): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#1F2E3A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, 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

• Worn Teal Market color palette (#DEF9F2, #7DBAAA, #458487, #455075, #183035)
• Muted Pewter color palette (#E8F3FF, #BAC9DF, #8891A9, #6C6078, #493F4C)
• Aged Quarry color palette (#FFEBFA, #A68FCA, #845988, #68372A, #211F37)
• Cobalt Summit color palette (#FDF4E8, #90B292, #5579A9, #715323, #344F40)
• Worn Canyon color palette (#E0F0FD, #378BBC, #303D4B, #142029, #070D12)
• Dusty Ash Pier color palette (#FFF1F5, #A7EBEF, #87A3CF, #8E6B42, #2A4351)
• Chalky Summit color palette (#FBDEFA, #7881D2, #664896, #5F202D, #10152F)
• Patina Cornflower color palette (#FCEBFF, #2A91FD, #4D56B1, #71004D, #051942)

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