Worn Harbor color palette — #F5DFE0 · #95521C · #424200 · #0C1559 · #0A0021

Deep Indigo takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F5DFE0): A whisper-light, dusty red — the color of late-summer berries.
• Ochre (#95521C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#424200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#0C1559): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0A0021): A deep, shadowed, dusty violet — the color of wild irises.

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

• Hushed Terracotta color palette (#FDDEEF, #964D4D, #603D00, #002639, #01042D)
• Weathered Forest Lantern color palette (#F4E0D8, #826515, #114E18, #2E0B43, #1C0009)
• Weathered Bronze Dune color palette (#F5E4D1, #896900, #524D00, #003525, #001F1C)
• Chestnut Studio color palette (#FFE0D3, #844F00, #4E3800, #1D1800, #030500)
• Eclipse Aubergine Bloom color palette (#F0E2D0, #614300, #003D79, #4B005D, #020100)
• Pale Amber Boulevard color palette (#FFDDD8, #B37D24, #596C31, #2D4163, #031947)
• Nightshade Drift color palette (#EEE4CE, #6C5A00, #003CAC, #322900, #000210)
• Worn Amber color palette (#ECDFD0, #B29231, #66610D, #00362A, #001211)

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