Turquoise Harbor color palette — #B3F3F4 · #00B6C2 · #008A9D · #005E73 · #284F3F
A conversation between Cyan and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Sea Foam (#B3F3F4): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00B6C2): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#008A9D): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005E73): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#284F3F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Sky Basin color palette (#E4F9FF, #00BEF1, #0689BA, #256187, #29564B)
- Teal Field color palette (#B3F2D8, #00BC9D, #008D7E, #006761, #16495B)
- Hazy Quarry color palette (#B9F6EE, #5DCDD3, #00A1BD, #007998, #214C6B)
- Ancient Turquoise color palette (#E7FBEE, #00B2D2, #809344, #007287, #3D471E)
- Washed Thicket color palette (#C7E7F2, #0097C1, #006B97, #00446B, #252258)
- Hushed Sky color palette (#EAF7FF, #6BC2F6, #187EA9, #004864, #00324B)
- Ancient Cobalt Corridor color palette (#DDFEF1, #0093CE, #8A66BB, #207960, #243E35)
- Patina Alley color palette (#DEFEF0, #DED9E3, #B5C9F2, #4C7F91, #3D5950)
Browse the whole catalog at Explore, or see today's palette.