Teal Harbor color palette — #E3FCF0 · #EEDAD5 · #B3AAA2 · #47AC9F · #163F35

A conversation between Turquoise and Forest, giving this palette its sense of sophistication.

The five colors

• Ivory (#E3FCF0): A whisper-light, dusty teal — the color of glacier melt.
• Bone (#EEDAD5): A whisper-light, dusty orange — the color of autumn markets.
• Ash (#B3AAA2): a calm mid-gray that lets other colors speak.
• Turquoise (#47AC9F): A luminous, balanced teal — the color of sea glass.
• Forest (#163F35): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication. 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

• Muted Teal Meadow color palette (#E5FBF3, #E4D7CF, #6EB1AE, #A4A095, #513E50)
• Muted Workshop color palette (#EEFAE5, #BFEBE7, #EDD5D7, #87A06D, #27402B)
• Worn Lantern color palette (#FFF0FF, #E4DBE4, #CDB9AB, #529EAA, #44283A)
• Patina Driftwood Harbor color palette (#FFF3E2, #C8CC97, #A48545, #7D492C, #222307)
• Wandering Loft color palette (#DDFAED, #F4D1F0, #BCB0F3, #1A7A89, #322034)
• Muted Lantern color palette (#EAF7FF, #D9D8F6, #D493DD, #297A68, #32465A)
• Cobalt Ridge color palette (#FFF1F4, #E6D5D3, #F6C295, #5B78AE, #3D1C35)
• Pale Celadon color palette (#C1FF98, #FFCBBA, #4FDBFD, #1B3426, #020905)

Browse the whole catalog at Explore, or see today's palette.