Worn Harbor color palette — #FFF1F7 · #96B9A3 · #657C4D · #585670 · #34483B

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sage (#96B9A3): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#657C4D): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#585670): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#34483B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Worn Study color palette (#F7F1E6, #BCB493, #677D53, #2F5B71, #2E270B)
• Lagoon Veranda color palette (#EDF8F1, #9FCCC1, #5A8B8D, #6B6176, #3A534D)
• Cypress Atelier color palette (#EBFAEB, #9C9F6D, #476E49, #414969, #163E30)
• Cypress Coast color palette (#E0FDF0, #7BB383, #007A6E, #7A3945, #224328)
• Forest Terrace color palette (#F9F2FB, #C2E3EC, #5994A7, #436E43, #334A61)
• Worn Grape Lantern color palette (#F4F4FF, #B08FCF, #64995C, #7B4DA0, #2B4C25)
• Timeworn Cerulean color palette (#F4F4FF, #EADCD9, #DBB2C7, #6C7DA7, #4B445D)
• Soft Fern Grove color palette (#F7DDE5, #928F4D, #2A641D, #3F3563, #2D2A00)

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