Softworn Harbor color palette — #FDF1FD · #A2C6F1 · #D4A3D5 · #B99444 · #473748

A conversation between Mustard and Mauve, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF1FD): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#A2C6F1): A luminous, dusty blue — the color of open sky before noon.
• Mauve (#D4A3D5): A luminous, balanced pink — the color of neon signs at night.
• Mustard (#B99444): A luminous, balanced gold — the color of honey in a jar.
• Charcoal (#473748): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Softworn 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

• Mallow Chapel color palette (#F6F6E8, #ABCF98, #D4A3D3, #AD985D, #3D3E37)
• Aged Emerald Market color palette (#FFF1F5, #CEA8E5, #E19978, #67A15C, #472832)
• Softworn Boulevard color palette (#EAF9F1, #6DD2F8, #DF989D, #9C7B53, #26362E)
• Patina Driftwood color palette (#F6F7E3, #9ADDEB, #ABA8D7, #769860, #2F4F45)
• Hushed Powder Balcony color palette (#F0F7F5, #DDD5D1, #92BADD, #A2A89B, #4B5552)
• Blush Bloom color palette (#DFFDF5, #70B8FF, #FF7086, #8C8F00, #022D51)
• Lilac Canyon color palette (#E0FFE2, #BAE1FF, #ADB4F0, #AA76BD, #732C56)
• Weathered Fuchsia Corridor color palette (#FFDADD, #EC65DD, #DE7800, #008F6E, #340D30)

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