Worn Harbor color palette — #E5F7F1 · #8DAA82 · #397441 · #3C4E18 · #00221D

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E5F7F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8DAA82): A luminous, dusty green — the color of new leaves after rain.
• Olive (#397441): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3C4E18): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Fern Study color palette (#CDEEDE, #8F9D56, #476700, #004C12, #141800)
• Worn Workshop color palette (#FAF5E6, #86A57A, #177452, #5B4900, #36362F)
• Lagoon Chapel color palette (#E8F5F3, #8EBDBD, #41846D, #3C5F41, #052E2E)
• Tempered Forest Terrace color palette (#CEE8E6, #6A9A82, #006450, #004240, #00170D)
• Antique Lagoon Terrace color palette (#EAF9F2, #BADBAE, #3F9E77, #686725, #002F2A)
• Antique Drift color palette (#CFE8E3, #53875A, #005230, #123200, #000B01)
• Muted Bronze color palette (#D3EFF8, #34A3A6, #8E7C00, #006264, #221C00)
• Antique Sapphire color palette (#CDECF6, #008D91, #3D67CA, #3D6900, #001819)

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