Teal Harbor color palette — #D5E8E1 · #00B2AA · #008498 · #005575 · #2F3167
Turquoise and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D5E8E1): A whisper-light, dusty teal — the color of shallow lagoons.
- Turquoise (#00B2AA): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#008498): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005575): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2F3167): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Turquoise Pier color palette (#DDEEEE, #00AFBB, #00798A, #005161, #002A37)
- Jade Summit color palette (#E8F3E5, #00BE79, #008578, #005B5C, #173C59)
- Nightshade Thicket color palette (#D2F6FB, #00AEE1, #007BB7, #003DB3, #35326D)
- Hushed Navy color palette (#CAEFF3, #008AAE, #005384, #05008A, #160F44)
- Airy Scarlet color palette (#CFF7D9, #00909F, #D50031, #7B5A00, #00383E)
- Cobalt Delta color palette (#C4EFD4, #64B6EC, #2C72CD, #464D95, #5C3A4B)
- Worn Study color palette (#DEFFEC, #00A4C7, #E52900, #00677E, #642216)
- Hushed Mallow color palette (#E3FDEC, #DEE1F3, #C9B0FF, #008174, #1D4D3E)
Browse the whole catalog at Explore, or see today's palette.