Teal Harbor color palette — #DFFDF7 · #5CB693 · #006E6C · #20470B · #000A05
A conversation between Jade and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#DFFDF7): A whisper-light, dusty teal — the color of sea glass.
- Jade (#5CB693): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#006E6C): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#20470B): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#000A05): 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
- Patina Orchard color palette (#E7FBF1, #8BAE7B, #00724C, #00444C, #020A00)
- Worn Teal Hollow color palette (#CFF1EA, #00B2B8, #006D81, #00364E, #000725)
- Teal Orchard color palette (#E9EDE0, #4EBE97, #00947D, #34724E, #002116)
- Muted Lagoon Harbor color palette (#CBEBE9, #008E68, #005042, #00331A, #000A0B)
- Fern Dune color palette (#D2E8D5, #90934A, #265C00, #00332E, #010100)
- Patina Emerald Terrace color palette (#E5FCEC, #BACD84, #359447, #006664, #1B2200)
- Softworn Driftwood Market color palette (#EFF8EE, #D7D2A3, #7A9458, #585F8D, #0F2F20)
- Aged Market color palette (#DEF1FF, #26ADE5, #BD3710, #005574, #150100)
Browse the whole catalog at Explore, or see today's palette.