Worn Harbor color palette — #E8FBEE · #9BAC68 · #00802A · #5D4279 · #0F4437

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

The five colors

• Ivory (#E8FBEE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9BAC68): A luminous, balanced green — the color of fresh herbs.
• Olive (#00802A): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#5D4279): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#0F4437): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Cypress Terrace color palette (#E0FDF3, #79B389, #007B6A, #6F3C62, #014442)
• Hushed Moss Veranda color palette (#DBF2E2, #839F19, #006E27, #721B4B, #283302)
• Frosted Lime color palette (#F7F2DF, #98B547, #52782E, #6C3E33, #262100)
• Antique Lime Study color palette (#DCFFEF, #ACC85C, #6B9544, #8E594D, #1C4338)
• Lagoon Thicket color palette (#F0F7F3, #9CCCC1, #5C8E71, #6E6074, #3C524D)
• Tempered Basin color palette (#CEE7DF, #2D8F58, #005046, #4A1741, #00201F)
• Weathered Lagoon color palette (#FFF0FA, #8BDCF4, #0087C9, #00685D, #2C3F64)
• Clover Workshop color palette (#FEF5DC, #C3D98F, #74B965, #9D7AA3, #34400F)

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