Teal Harbor color palette — #D8FFF5 · #9EE8AB · #00BD9A · #007E86 · #20475B
Built around Turquoise, softened by Mint — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D8FFF5): A whisper-light, dusty teal — the color of sea glass.
- Mint (#9EE8AB): A whisper-light, balanced green — the color of new leaves after rain.
- Turquoise (#00BD9A): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007E86): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#20475B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Teal 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
- Turquoise Workshop color palette (#DDFFE8, #79F5E7, #00B5C6, #0078A2, #2C4664)
- Pale Lagoon color palette (#D3F0C1, #6AB88D, #008A70, #006668, #224766)
- Mint Terrace color palette (#D6FFDC, #68DEA0, #3FBE9C, #379890, #36553A)
- Airy Mint color palette (#C3FFCC, #00D3AE, #00928D, #005A73, #00233A)
- Powdered Blush Orchard color palette (#E4FAFD, #6EEED5, #FF96B2, #00A08B, #442F4A)
- Lime Villa color palette (#DFFFE2, #F0DD87, #83BD3F, #33814B, #11494D)
- Patina Teal Harbor color palette (#E7F9FF, #C0DAF6, #00C1B8, #00696F, #001F21)
- Emerald Canyon color palette (#D6E9CA, #009C67, #006058, #002B31, #000103)
Browse the whole catalog at Explore, or see today's palette.