Teal Harbor color palette — #B1F2D3 · #00B8A9 · #00777F · #00495A · #00314B
A conversation between Turquoise and Teal, giving this palette its sense of trust and stability.
The five colors
- Mint (#B1F2D3): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#00B8A9): A luminous, balanced teal — the color of glacier melt.
- Teal (#00777F): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#00495A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Teal (#00314B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Dusty Seafoam Ridge color palette (#E6F9FF, #76E6B3, #00BCBA, #0080AF, #063441)
- Sunlit Garnet Balcony color palette (#DCF7E1, #009B88, #00657B, #6A1F48, #053741)
- Lagoon Alley color palette (#D9EBE6, #00888C, #004D5B, #002A3F, #00152D)
- Soft Thicket color palette (#BBFEF6, #5CC3D2, #0084AB, #00598B, #1D3D7A)
- Pine Archive color palette (#DDE3CE, #7CB167, #00824D, #005242, #003B3A)
- Dusty Cypress color palette (#EDF7F8, #CFDBE6, #A2B7C1, #00755E, #313D3E)
- Faded Mint color palette (#D2EFAB, #38CE99, #00999F, #00628E, #1A2070)
- Muted Cerulean color palette (#C2E8F0, #88ADC2, #627C9B, #644B68, #543639)
Browse the whole catalog at Explore, or see today's palette.