Turquoise Harbor color palette — #EDF7FC · #D4D9E5 · #BEC0D9 · #58AEBE · #313D42
A conversation between Cyan and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF7FC): bright and airy, almost weightless.
- Silver (#D4D9E5): bright and airy, almost weightless.
- Ash (#BEC0D9): A luminous, dusty violet — the color of wild irises.
- Cyan (#58AEBE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#313D42): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.
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
- Weathered Coast color palette (#EFF6FE, #DCD7F0, #CDB9E1, #5A9AEA, #283441)
- Hushed Ash Loft color palette (#EFF6FC, #D9DAE4, #B8ADB8, #9E95BF, #41494F)
- Ancient Thicket color palette (#CFEDFF, #A9CAF2, #A8A0CF, #9D7C8E, #2D4A34)
- Cerulean Dune color palette (#D9E7EE, #BABFD2, #A4A3BD, #0A8EAE, #0D222D)
- Ancient Azure Lantern color palette (#DBE7F2, #00A5EF, #51627C, #313E49, #050F14)
- Hushed Seafoam color palette (#E3FCF4, #A6DAA2, #71B090, #658B94, #153D39)
- Gentle Boulevard color palette (#ECF7FF, #4FFBFE, #9BD9FF, #93AAFF, #142F49)
- Quiet Aqua color palette (#D9F8DF, #00CFF6, #6398E6, #A35F56, #193345)
Browse the whole catalog at Explore, or see today's palette.