Worn Harbor color palette — #DDE9E5 · #C5B2C1 · #A48391 · #004970 · #10241E

Navy and Heather set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DDE9E5): a clean, paper-quiet neutral.
• Rosewood Mist (#C5B2C1): A luminous, dusty pink — the color of peonies in June.
• Heather (#A48391): A luminous, dusty rose — the color of strawberry cream.
• Navy (#004970): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#10241E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Terrace color palette (#F5ECF0, #C9B2B7, #AB8281, #44367C, #2A1923)
• Timeworn Basin color palette (#E0E6ED, #A5B4CA, #818EA6, #05457A, #020B18)
• Hushed Denim Thicket color palette (#EEE6EF, #CDBFCC, #B999B1, #2263A0, #251C26)
• Timeworn Mulberry color palette (#FBF3F4, #E3D7CE, #C5AEA4, #874A81, #453638)
• Hushed Coast color palette (#EBE1E5, #A69597, #8F6460, #350769, #10060A)
• Wandering Petrol color palette (#F8F3F9, #E6D8D9, #D3BAB6, #5277A1, #4B464B)
• Hushed Mulberry Ridge color palette (#D9E8E0, #6881C4, #774381, #2D4400, #003518)
• Bronze Veranda color palette (#FCEAD6, #8B7A00, #374D00, #232A55, #201B00)

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