Teal Harbor color palette — #E6F9FF · #D6DCE7 · #B8A9A8 · #69B5A0 · #2E4752
Built around Jade, softened by Charcoal — the whole palette hums with sophistication and softness.
The five colors
- Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
- Silver (#D6DCE7): bright and airy, almost weightless.
- Ash (#B8A9A8): soft and architectural.
- Jade (#69B5A0): A luminous, balanced teal — the color of sea glass.
- Charcoal (#2E4752): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Softworn Powder Hollow color palette (#ECF7FF, #D9D9E4, #96C4D9, #B8ADA7, #49545F)
- Worn Azure Archive color palette (#F1F5FF, #E5D8E1, #C2B09D, #6B94CF, #333851)
- Timeworn Veil Workshop color palette (#FFE6F4, #B1E6FF, #9CA1B3, #233C4C, #151C21)
- Softworn Cypress color palette (#E4FDE8, #B8E7E3, #95CDD1, #3C8281, #3A5043)
- Wandering Teal color palette (#E7F9FF, #DADBE6, #D7C0EA, #00A6AD, #002C41)
- Violet Dune color palette (#E1EDF9, #92ABF7, #9B6ADA, #005669, #000105)
- Amber Boulevard color palette (#FFF0F7, #FACFDE, #D18B60, #8F5C4F, #263629)
- Gentle Coral Hollow color palette (#EDF6FF, #73BAF1, #E27E69, #867114, #182633)
Browse the whole catalog at Explore, or see today's palette.