Turquoise Harbor color palette — #EEF8F1 · #52BFD6 · #3374A5 · #006C7C · #0D2A23
A conversation between Cyan and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF8F1): bright and airy, almost weightless.
- Cyan (#52BFD6): A luminous, balanced blue — the color of deep harbor water.
- Slate (#3374A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006C7C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#0D2A23): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Tempered Cypress Quarry color palette (#F3F7EF, #73C1A3, #007E87, #007154, #16291A)
- Indigo Garden color palette (#ECF8F5, #7EB3EA, #7261A8, #276399, #311D27)
- Petrol Parlor color palette (#EDF8F5, #9ACCC0, #7B76A8, #47709A, #372930)
- Indigo Atelier color palette (#EEF3EE, #6CC5C2, #7963BA, #007472, #170910)
- Iris Quarry color palette (#EEF7FA, #8FD3D0, #9082CE, #009391, #1E2238)
- Hushed Azure color palette (#FFF2EF, #639DD2, #56679A, #6F375D, #4B344C)
- Tempered Petrol Station color palette (#EFF7F3, #D0DEDF, #CEBDC3, #397D9A, #414A46)
- Chalky Navy color palette (#E3F4FF, #81AEDB, #4F79B6, #394D8E, #33337B)
Browse the whole catalog at Explore, or see today's palette.