Soft Harbor color palette — #FFF1F7 · #F9A15C · #A585CE · #697CD8 · #46313A

Built around Periwinkle, softened by Apricot — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Apricot (#F9A15C): A luminous, balanced gold — the color of honey in a jar.
• Wisteria (#A585CE): A luminous, balanced violet — the color of a velvet chair.
• Periwinkle (#697CD8): A luminous, balanced violet — the color of wild irises.
• Charcoal (#46313A): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Ancient Delta color palette (#E9FBE8, #EBAB4A, #B57EBD, #8772D3, #2A3E2A)
• Hushed Market color palette (#FFF3E6, #EEAB62, #5EB3EE, #7A8FCB, #392712)
• Chalky Azure color palette (#FFF0FD, #E38784, #3A9DF6, #7280C9, #453043)
• Amber Chapel color palette (#FFF1F7, #DD8641, #C46F9D, #9A586A, #402C35)
• Aged Orchid color palette (#EAE4D3, #C29C2B, #B640E2, #6649E8, #2E2200)
• Hushed Amber Lantern color palette (#FFF3E5, #B77A00, #008D8C, #7A5A89, #3C3731)
• Feathered Mint color palette (#E2FEE5, #E0B76E, #7EC986, #DA8C92, #273E2B)
• Worn Seafoam color palette (#FFF1F6, #C4EBFA, #ACE8CA, #C08583, #425346)

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