Teal Harbor color palette — #E4FBF6 · #A5D8B7 · #61B29C · #9D7785 · #193C3B
Built around Jade, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#E4FBF6): A whisper-light, dusty teal — the color of sea glass.
- Pistachio (#A5D8B7): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#61B29C): A luminous, balanced teal — the color of sea glass.
- Mocha (#9D7785): A luminous, dusty rose — the color of pressed rose petals.
- Deep Teal (#193C3B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Tempered Taupe color palette (#E9FAF2, #9FD7CB, #7EAD8A, #5F8F7D, #103E36)
- Washed Lagoon color palette (#EAF9F4, #89C3A6, #239193, #6D5B79, #143C3D)
- Ancient Iris Veranda color palette (#C3EFEC, #6AC58A, #899CFF, #D27A65, #003332)
- Soft Jade color palette (#CCF7E3, #AACE87, #54AD64, #7F802B, #203500)
- Airy Jade color palette (#DCFFEA, #92E2B6, #53B884, #0D8557, #002819)
- Lagoon Veranda color palette (#CDEDE9, #60BB99, #009287, #815C19, #002021)
- Washed Field color palette (#F2F3E5, #7DAD8E, #007660, #613E16, #191F09)
- Worn Lagoon color palette (#DAF7F0, #559A69, #007359, #375120, #000802)
Browse the whole catalog at Explore, or see today's palette.