Worn Harbor color palette — #F2F5FF · #C1BEF0 · #B7B57C · #8984C1 · #345546

A conversation between Slate Blue and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#C1BEF0): A whisper-light, dusty violet — the color of wild irises.
• Sage (#B7B57C): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#8984C1): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#345546): A full-bodied, dusty teal — the color of sea glass.

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

• Timeworn Driftwood Chapel color palette (#F6F3FF, #E1B3DD, #7FC1A7, #AB78A7, #1D575A)
• Cerulean Harbor color palette (#EFF6FF, #AAC6EF, #D3A879, #6C8EBF, #64414D)
• Patina Lilac color palette (#FDF1F7, #E9D5ED, #DACE7E, #998ED9, #49463F)
• Worn Orchard color palette (#F3F4FF, #B7A6E0, #AAA873, #629B75, #3D4057)
• Dusty Seafoam Harbor color palette (#F1F5FF, #CAD1FF, #78DCCC, #9AA3E3, #2A545C)
• Timeworn Pewter Bloom color palette (#EFF8EF, #B8D2C1, #8AA489, #8A697B, #364E45)
• Indigo Pier color palette (#FDF1F7, #AFA9D8, #C8847C, #7461BC, #534B48)
• Softworn Oat color palette (#F5F4FF, #ABDECF, #7D789A, #4D4A61, #2B2937)

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