Worn Harbor color palette — #FFF1F4 · #FFD1E5 · #A4DE98 · #B684C4 · #464740

A conversation between Pistachio and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#FFD1E5): A whisper-light, dusty rose — the color of strawberry cream.
• Pistachio (#A4DE98): A whisper-light, balanced green — the color of a quiet forest floor.
• Dusty Rose (#B684C4): A luminous, balanced pink — the color of peonies in June.
• Charcoal (#464740): quiet, heavy and certain.

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

• Honey Market color palette (#FEF1FA, #E1D7F2, #E5C97E, #8597D1, #49463F)
• Seafoam Boulevard color palette (#FFF2EF, #F5D3C8, #5DE5D7, #CB8190, #384D33)
• Hushed Workshop color palette (#FCF3F1, #CBDECC, #B16F83, #5F3B36, #211918)
• Wandering Stone color palette (#FFF1F3, #E3D8D2, #DEAFC0, #AEB7AF, #5C4747)
• Tempered Balcony color palette (#FFF1F3, #ECD8DB, #DC9DD1, #83557F, #442226)
• Antique Pewter Lagoon color palette (#F1F0FF, #C4A6D3, #7EA984, #875F9A, #003A37)
• Pewter Atelier color palette (#F4F4FF, #C3A1D4, #5EA4B8, #885F9C, #2C5265)
• Muted Mustard Meadow color palette (#FFF1F3, #E9B9EA, #DDB558, #4DB3BF, #463236)

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