Worn Harbor color palette — #EBF9F1 · #6ECCED · #BC83E3 · #B3644C · #303E12

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

The five colors

• Ivory (#EBF9F1): bright and airy, almost weightless.
• Sky (#6ECCED): A luminous, balanced blue — the color of open sky before noon.
• Wisteria (#BC83E3): A luminous, balanced violet — the color of wild irises.
• Mocha (#B3644C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#303E12): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

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

• Dusty Blush color palette (#FBF2FB, #91C1FF, #D37FBB, #A56F3C, #373932)
• Periwinkle Quarry color palette (#F0F8EB, #6AD4BA, #789FE7, #AD6086, #4B3205)
• Washed Drift color palette (#E4FAFF, #1CD6CC, #BC6D8E, #74561C, #3A2700)
• Peony Workshop color palette (#FFF0FA, #A6B0FF, #FF468B, #917000, #003A2D)
• Muted Ember Boulevard color palette (#FDEDF3, #C09BFF, #EB6144, #5D7C26, #00313E)
• Antique Chestnut Grove color palette (#DCFFEB, #E6CAE8, #B4B2DE, #AB9180, #724A00)
• Worn Sky color palette (#D4EBE2, #4EB5F0, #836480, #3C4E47, #121B16)
• Rose Hollow color palette (#F0DAE5, #A08FFC, #DC4562, #716100, #002621)

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