Worn Harbor color palette — #F0F7F4 · #DFD4D1 · #8BBAAA · #A6A094 · #46504C

Sage and Taupe set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DFD4D1): bright and airy, almost weightless.
• Sage (#8BBAAA): A luminous, dusty teal — the color of shallow lagoons.
• Taupe (#A6A094): soft and architectural.
• Charcoal Brown (#46504C): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. 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 Ash Canyon color palette (#FAF3F5, #E3D8D4, #B1BAB3, #AA91C7, #473C3F)
• Weathered Cocoa Basin color palette (#F9F4EF, #CADECC, #A5B77E, #957D8F, #594200)
• Dusty Fern color palette (#E7FBF1, #EAD6D1, #D9B9B0, #8D8C75, #485811)
• Dusty Navy Loft color palette (#E8E0E9, #C7B4C0, #AF8492, #003D6E, #030004)
• Timeworn Orchid Meadow color palette (#FFF1F3, #E3D8D1, #ABBFA3, #B74BB5, #371B20)
• Muted Aubergine color palette (#F6EBED, #E2C9C8, #C49B90, #6B2C81, #070102)
• Hushed Market color palette (#FCF1FA, #97ACEA, #694A55, #332630, #0B110F)
• Patina Pier color palette (#ECF8F3, #90D5FF, #D27E85, #5E7340, #393932)

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