Teal Harbor color palette — #D3F0DD · #A0D1C3 · #7DB59A · #7782AF · #413E5B
A conversation between Sage and Slate Blue, giving this palette its sense of calm and sophistication.
The five colors
- Honeydew (#D3F0DD): A whisper-light, dusty teal — the color of shallow lagoons.
- Pistachio (#A0D1C3): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#7DB59A): A luminous, dusty teal — the color of glacier melt.
- Slate Blue (#7782AF): A luminous, dusty violet — the color of wild irises.
- Charcoal (#413E5B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Calm, Sophistication. Tagged vintage, retro, 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
- Dusty Driftwood Study color palette (#B9EEE7, #9BD1D6, #6EB3BC, #95719B, #68374C)
- Wandering Stone color palette (#E3FCF2, #B6D9D6, #8FBFC6, #8A91B3, #544D62)
- Cerulean Thicket color palette (#FFE9F5, #B3CEB3, #A1A875, #3887A7, #2E4569)
- Tempered Teal color palette (#E5FBF5, #ABD6B4, #64B296, #A17B5B, #133D3B)
- Patina Cocoa Lantern color palette (#D8F4EF, #84C3D2, #789DC2, #99626F, #5F2611)
- Worn Taupe color palette (#FFF2EE, #E6C8A3, #88AF81, #905F73, #562F2C)
- Ancient Meadow color palette (#EEE3C3, #92A47B, #58876F, #5C4857, #3D252E)
- Hazy Aubergine Meadow color palette (#D9E4D0, #60A179, #008986, #693D88, #3C002A)
Browse the whole catalog at Explore, or see today's palette.