Turquoise Harbor color palette — #FFF2EB · #B0FFFD · #00ACC9 · #007748 · #00283D
A conversation between Cyan and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Sea Foam (#B0FFFD): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#00ACC9): A luminous, balanced blue — the color of open sky before noon.
- Pine (#007748): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00283D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Feathered Azure color palette (#FFF2EC, #D6DEF9, #00A7E3, #007460, #00234D)
- Misty Glacier Terrace color palette (#E6FBF6, #3BF6F6, #00C1CD, #009988, #003A43)
- Weathered Aqua Lagoon color palette (#EBFAEE, #64CBC9, #007C8A, #005842, #003949)
- Weathered Denim Hollow color palette (#EFE3DD, #55B0C6, #005B84, #002C25, #000106)
- Washed Periwinkle Terrace color palette (#F9F4EF, #C4E2F7, #8AA2ED, #007D8E, #422234)
- Timeworn Cerulean color palette (#FFF2EC, #95DADD, #0088A6, #005439, #000E1B)
- Timeworn Meadow color palette (#FBF3EF, #BDE8F4, #6DC7F4, #3A947E, #4C374D)
- Fuchsia Cabin color palette (#FAF1FF, #D980FF, #5C8800, #008765, #1E0329)
Browse the whole catalog at Explore, or see today's palette.