Worn Harbor color palette — #E4F8E9 · #A1A56B · #556E38 · #274E4E · #062218

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Honeydew (#E4F8E9): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A1A56B): A luminous, dusty green — the color of fresh herbs.
• Olive (#556E38): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#274E4E): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#062218): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Worn Grove color palette (#E5F7EF, #A1BE8D, #55815F, #365C62, #142D28)
• Timeworn Fern Field color palette (#FFF3E4, #A89A71, #506D30, #1F564A, #38352E)
• Antique Forest color palette (#D7F2E5, #7B9956, #126627, #213B54, #001712)
• Patina Driftwood color palette (#FFF1F6, #DCD293, #759561, #426A75, #132E21)
• Wandering Pier color palette (#D8F1E3, #6B840A, #145200, #003226, #060900)
• Cobalt Terrace color palette (#EAF5EC, #9FCEEE, #4F7EB6, #005967, #122039)
• Ancient Mallow color palette (#E8F3FF, #DED2ED, #C1A6E3, #23708A, #182233)
• Feathered Orchard color palette (#D7F5FA, #00A8D1, #00729D, #004272, #0C203D)

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