Worn Harbor color palette — #F1F7F1 · #7FD6D0 · #7C89D2 · #00948E · #301C2B

Built around Lavender Blue, softened by Fern — the whole palette hums with creativity and calm.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Lagoon (#7FD6D0): A luminous, balanced teal — the color of sea glass.
• Lavender Blue (#7C89D2): A luminous, balanced violet — the color of a velvet chair.
• Fern (#00948E): A luminous, balanced teal — the color of shallow lagoons.
• Onyx (#301C2B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Weathered Studio color palette (#EFF7F3, #A6DAEE, #9096D1, #009BC1, #372932)
• Azure Basin color palette (#F2F7EE, #94D4BF, #269AD4, #009678, #112921)
• Gentle Periwinkle color palette (#EAF8FB, #8AFCF5, #6E9DED, #009E98, #091320)
• Magenta Canyon color palette (#EBF9F4, #7BC2FD, #BB54C9, #007DC5, #2A112D)
• Washed Terracotta color palette (#FEF4E4, #76BDD2, #6187C0, #9F4138, #214538)
• Worn Violet color palette (#F3F7EE, #6AC39D, #8856A4, #007150, #311D23)
• Hazy Ultramarine Archive color palette (#DAFDFF, #84C8DF, #4B98D3, #295DBB, #302D7F)
• Seafoam Study color palette (#EAF9F9, #6DF2BD, #D592D9, #53B88F, #252131)

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