Teal Harbor color palette — #E7F9FF · #A4E8EE · #5AAFB3 · #18747A · #004044
A conversation between Turquoise and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sea Foam (#A4E8EE): A whisper-light, dusty blue — the color of deep harbor water.
- Turquoise (#5AAFB3): A luminous, balanced teal — the color of sea glass.
- Teal (#18747A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004044): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, 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
- Antique Cypress color palette (#D7FFFC, #BBE8C5, #7DB08D, #487955, #054341)
- Dusty Azure Bloom color palette (#EDF6FF, #B8DDFF, #70A0CA, #476C92, #1E3B57)
- Wandering Turquoise Dune color palette (#E5FDE7, #C9EAFA, #40C5CA, #277B80, #132F18)
- Worn Drift color palette (#E5F9FF, #9BCCDC, #2A9299, #006067, #004449)
- Hushed Balcony color palette (#ECF7FF, #6DB4DD, #AC8FB6, #5D856A, #303F4B)
- Timeworn Sky color palette (#CFEDFF, #2AB7F4, #0082B0, #004D6B, #001C29)
- Hushed Harbor color palette (#DBF1F5, #008697, #00505A, #001F24, #000203)
- Timeworn Periwinkle Villa color palette (#D6E7FC, #489AF2, #0060B1, #003363, #000717)
Browse the whole catalog at Explore, or see today's palette.