Teal Harbor color palette — #ECF8F5 · #B8E7F7 · #52B393 · #4E8277 · #253E3C
A conversation between Jade and Fern, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#ECF8F5): bright and airy, almost weightless.
- Powder Blue (#B8E7F7): A whisper-light, dusty blue — the color of open sky before noon.
- Jade (#52B393): A luminous, balanced teal — the color of sea glass.
- Fern (#4E8277): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#253E3C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, 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
- Stone Market color palette (#EEF8F1, #BEDEEE, #9BBA83, #6C8D8E, #3A4B44)
- Softworn Orchard color palette (#E4FBF8, #58B697, #006F68, #004352, #000A06)
- Soft Pier color palette (#E2FCF2, #B6EA9D, #2CAC65, #007C73, #1F3513)
- Turquoise Thicket color palette (#DFFBFF, #7EF6F2, #00B1C0, #007A94, #1A4A60)
- Softworn Fern Balcony color palette (#F4F3E3, #97BF9F, #408374, #605600, #262A17)
- Aged Jade Market color palette (#CEE7E3, #3CA378, #005B4F, #063503, #000201)
- Lagoon Coast color palette (#E3FCF4, #8DCD94, #008C64, #005D5F, #001D1B)
- Apricot Orchard color palette (#E9F8FF, #80E6FA, #FF9C87, #009BB0, #562A20)
Browse the whole catalog at Explore, or see today's palette.