Teal Harbor color palette — #E2FCF6 · #64AC8D · #00726E · #5E3F56 · #193C3D
A conversation between Jade and Teal, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#E2FCF6): A whisper-light, dusty teal — the color of sea glass.
- Jade (#64AC8D): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00726E): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#5E3F56): A full-bodied, dusty pink — the color of a candy shop window.
- Deep Teal (#193C3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, 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
- Hushed Cypress color palette (#E3F7F2, #79AD98, #00737A, #513E5A, #002123)
- Wandering Cypress Lantern color palette (#E4FCF1, #7EA971, #0C7454, #285544, #183D38)
- Washed Lagoon Parlor color palette (#E9FAF3, #9CCCC6, #5D8A8E, #516D63, #3D5250)
- Weathered Lagoon color palette (#F7F7E3, #A8BC95, #25909A, #825650, #2D3A20)
- Aged Atelier color palette (#D4FFFD, #A0EAFA, #7EB3D4, #6B6F3C, #194348)
- Linen Alley color palette (#D6F6F3, #52B563, #B44D92, #00591D, #4C273F)
- Moss Parlor color palette (#CEF6E2, #5EA821, #006C46, #494500, #193701)
- Feathered Moss Hollow color palette (#D7EBD7, #998F12, #3D6100, #0C464C, #043120)
Browse the whole catalog at Explore, or see today's palette.