Worn Harbor color palette — #E5E3CF · #5C8B00 · #005931 · #00302C · #001C22

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

The five colors

• Parchment (#E5E3CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#5C8B00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#005931): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#00302C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001C22): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Balance. Tagged 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

• Ancient Emerald Courtyard color palette (#DBE4D4, #009660, #00514B, #002D38, #0E122B)
• Antique Bronze Courtyard color palette (#F5E9DC, #8D7A00, #415400, #002F0C, #001E1A)
• Sunlit Market color palette (#EDECD5, #7CB241, #009655, #00655C, #001D21)
• Pale Workshop color palette (#F1DFE7, #557200, #004740, #430038, #001D05)
• Fern Terrace color palette (#DEE7E4, #ACBDBC, #799498, #394D00, #08251E)
• Cypress Corridor color palette (#D5F6E0, #006D63, #003740, #00121E, #01001E)
• Lagoon Study color palette (#E6EECF, #599B7B, #1C5B69, #542423, #381D36)
• Lagoon Boulevard color palette (#EDF4B9, #92C38A, #2B8C72, #005A59, #004357)

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