Teal Harbor color palette — #E7FAF6 · #A1E7C7 · #68BDB8 · #9889A6 · #2E4848
Built around Mint Leaf, softened by Mint — the whole palette hums with sophistication and grounding.
The five colors
- Ivory (#E7FAF6): A whisper-light, dusty teal — the color of sea glass.
- Mint (#A1E7C7): A whisper-light, balanced teal — the color of shallow lagoons.
- Mint Leaf (#68BDB8): A luminous, balanced teal — the color of shallow lagoons.
- Heather (#9889A6): A luminous, dusty violet — the color of wild irises.
- Charcoal (#2E4848): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted, light.
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
- Linen Teal Meadow color palette (#E0FDF4, #8BE6A8, #00BFA7, #B57571, #1B442A)
- Powder Veranda color palette (#FAF2F8, #CEE4FE, #78CAE8, #70A58E, #364A5C)
- Aged Bronze Corridor color palette (#F3F8E6, #9AD3B9, #5C9E8C, #92682A, #354B04)
- Pale Courtyard color palette (#DEFFE6, #E4B83F, #8BB4FF, #B68CCA, #253F2D)
- Aged Jade Villa color palette (#EAFAE9, #D4CC90, #8DAC63, #6F8D6D, #203C2E)
- Faded Mint color palette (#CBEDE6, #56D4A5, #29A4A0, #9A6659, #003032)
- Softworn Seafoam color palette (#E2FEE8, #AAE4D6, #D3D1E0, #D9AD97, #3E5047)
- Aged Emerald color palette (#D9F3E0, #B4CE48, #3FB150, #A26583, #2A3300)
Browse the whole catalog at Explore, or see today's palette.