Teal Harbor color palette — #ECE1E8 · #31B4AE · #006271 · #004121 · #002333

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

The five colors

• Rose Water (#ECE1E8): bright and airy, almost weightless.
• Turquoise (#31B4AE): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006271): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#004121): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Antique Villa color palette (#ECDFE6, #38AED1, #005C91, #003E39, #0B1A49)
• Ancient Forest Station color palette (#F9E8E4, #76C1BC, #00829D, #085E11, #00203C)
• Hushed Corridor color palette (#F1EADF, #89CFCA, #00A5B4, #00805E, #00242E)
• Chalky Hollow color palette (#FFF0F9, #29C9F9, #0073B8, #005651, #1A2C6A)
• Ancient Loft color palette (#FFF0FA, #8FDEE0, #008EAB, #006A46, #184461)
• Navy Orchard color palette (#F8E1E8, #5385AF, #162C92, #002226, #0B0027)
• Pale Plum Dune color palette (#E7DCE8, #CA0046, #006669, #6F0022, #002021)
• Patina Ash color palette (#FBF2F6, #D9DEF0, #7D9BC4, #3D7A7C, #485269)

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