Worn Harbor color palette — #DAF7E3 · #816800 · #263B95 · #270F64 · #100027

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

The five colors

• Honeydew (#DAF7E3): A whisper-light, dusty teal — the color of sea glass.
• Walnut (#816800): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#263B95): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#270F64): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#100027): A deep, shadowed, balanced violet — the color of wild irises.

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

• Washed Navy color palette (#CBE8DC, #6A7200, #423689, #450044, #180018)
• Hushed Navy Quarry color palette (#DCEEE1, #836700, #004880, #500400, #1D0100)
• Gentle Navy color palette (#D2E8DA, #786900, #00524A, #0D0090, #3E0025)
• Charred Meadow color palette (#D2F5E8, #445000, #31006F, #240014, #040002)
• Pale Corridor color palette (#FEF4DE, #A79200, #007272, #3E1587, #210001)
• Linen Bloom color palette (#FFE5EF, #B46500, #005E79, #5B0B42, #2A001C)
• Linen Plum color palette (#EEDBF0, #B23A51, #005249, #18146B, #050031)
• Charred Villa color palette (#CEE9DD, #585900, #364149, #001F1F, #000704)

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