Worn Harbor color palette — #E6F3EF · #7BC0BB · #008589 · #005B4B · #002529

A conversation between Teal and Pine, giving this palette its sense of calm and sophistication.

The five colors

• Cream (#E6F3EF): bright and airy, almost weightless.
• Mint Leaf (#7BC0BB): A luminous, dusty teal — the color of glacier melt.
• Teal (#008589): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#005B4B): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002529): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Softworn Petrol color palette (#DDF0ED, #62AFBF, #00728B, #004A4C, #001721)
• Washed Ridge color palette (#F6F6EA, #92DBD6, #008B8F, #005345, #001012)
• Ancient Alley color palette (#E4F2EF, #89D2DC, #0896AF, #006C6B, #003342)
• Antique Cobalt Dune color palette (#E4F3F2, #89B8D8, #1479C3, #00556E, #001E45)
• Muted Aubergine Garden color palette (#DCDCFB, #A466CC, #008397, #770DA6, #001F25)
• Washed Garden color palette (#D3E5DB, #8E9152, #6C6200, #4A3C00, #141900)
• Faded Basin color palette (#F4E5F8, #A83AC1, #B73130, #0057A6, #1F0325)
• Grape Pier color palette (#E8E0FF, #E3ABD0, #DC89A9, #814E9D, #360D2E)

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