Worn Teal Harbor color palette — #E7F0F1 · #CAD4E1 · #B0B9D3 · #00AA8D · #133337

Turquoise and Ash set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E7F0F1): bright and airy, almost weightless.
• Silver (#CAD4E1): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#B0B9D3): A luminous, dusty violet — the color of twilight just after sunset.
• Turquoise (#00AA8D): A luminous, balanced teal — the color of sea glass.
• Deep Forest (#133337): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn 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

• Moss Boulevard color palette (#E9F0EE, #C6D6DD, #A6BDCF, #7BA131, #22322D)
• Hushed Lantern color palette (#D8E5E9, #BABFCA, #A4A5C3, #009294, #102228)
• Wandering Alley color palette (#EBF7FF, #D8D8EC, #D4B7DE, #00A6DA, #1C3646)
• Washed Cabin color palette (#DDE8DC, #C2BC89, #7A9F46, #228771, #03321F)
• Timeworn Station color palette (#E5EBE1, #BED1C0, #8DAC9E, #006451, #13180F)
• Terracotta Market color palette (#F5D3E5, #51C298, #0096BB, #A24800, #002B28)
• Bronze Pier color palette (#D9EDD8, #8FBDC7, #7DA1C1, #A26C4C, #3B3300)
• Cerulean Courtyard color palette (#DFEFF5, #009EAB, #385771, #00373C, #000607)

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