Worn Harbor color palette — #FFF0F8 · #BDBCFF · #BCB46C · #8685BD · #504D46

Sage takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Lavender (#BDBCFF): A luminous, balanced violet — the color of wild irises.
• Sage (#BCB46C): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#8685BD): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#504D46): quiet, heavy and certain.

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

• Muted Mallow color palette (#FFF1F2, #EAADE1, #7FC394, #A77CA1, #4C4E47)
• Washed Atelier color palette (#E4FCF3, #8ACCFF, #E69D81, #6592B4, #534B47)
• Lilac Canyon color palette (#F3F4FF, #DBCCF7, #E2C380, #B695EA, #5E4A1F)
• Tempered Corridor color palette (#FEF1F7, #B3A6DD, #A99762, #7767A4, #644800)
• Antique Archive color palette (#FFF0F8, #ABA4FE, #B1A664, #70997A, #4E3C46)
• Oat Quarry color palette (#FFF1F5, #C7DA9F, #8A729C, #5E454D, #34272B)
• Aged Lilac Atelier color palette (#FFF0F7, #E1CEFF, #A293CF, #6D618D, #4F313E)
• Misty Moss Studio color palette (#FFF1F6, #D1ABFF, #77AE00, #7E4AB1, #2B4300)

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