Soft Harbor color palette — #FEF1F6 · #9ED5FF · #5E78D3 · #006666 · #453661

Periwinkle takes the lead with Powder Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FEF1F6): a clean, paper-quiet neutral.
• Powder Blue (#9ED5FF): A whisper-light, balanced blue — the color of open sky before noon.
• Periwinkle (#5E78D3): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#006666): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#453661): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Aged Cobalt Lantern color palette (#FFF0FC, #77E0F3, #1688C3, #006A48, #2F3E67)
• Lapis Meadow color palette (#E9FBE7, #71BFFE, #4A58E6, #005557, #3E1F63)
• Cobalt Garden color palette (#EFF4E5, #AADCCD, #3786D5, #005D7C, #062250)
• Misty Periwinkle color palette (#E5FAF9, #BAE0FF, #579FEB, #007DA4, #1E3E72)
• Dusty Ash Station color palette (#F9F3F9, #D4D6EE, #799FB7, #4C7875, #435468)
• Soft Study color palette (#DDEDFF, #0081E5, #9A6600, #635D00, #113253)
• Washed Forest color palette (#F4EBF5, #6FC2BE, #00748E, #17531B, #12304B)
• Mallow Grove color palette (#ECF7FF, #E2D7E6, #EC8FCE, #09837D, #364861)

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