Worn Harbor color palette — #EFF7F6 · #D2DDE2 · #B3C2CF · #4A844A · #3D4B49

Fern and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D2DDE2): bright and airy, almost weightless.
• Ash (#B3C2CF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#4A844A): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#3D4B49): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Weathered Lagoon color palette (#EFF7F8, #D5DADF, #B2A9B3, #509081, #485557)
• Antique Olive color palette (#ECF4F2, #D0D9DE, #B3BECF, #608050, #262E2C)
• Weathered Cypress Parlor color palette (#D1EAED, #00856A, #1B373F, #032427, #060F13)
• Ancient Abyss Courtyard color palette (#E4EDEC, #9AADB0, #5B8793, #004323, #001818)
• Timeworn Station color palette (#E8F0F5, #AFBAC6, #838EA4, #004B67, #12212B)
• Linen Terrace color palette (#E8F9FA, #BEE2A5, #5BD3A9, #009BA5, #19474E)
• Faded Aubergine Dune color palette (#E9FAEC, #69A879, #007A76, #6A3474, #0F4648)
• Hazy Dune color palette (#E5FAFA, #509A72, #386599, #732853, #493400)

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