Softworn Harbor color palette — #FFF1F2 · #DA00DA · #006C7B · #003D6C · #0C011D

Orchid and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Orchid (#DA00DA): A luminous, vivid pink — the color of neon signs at night.
• Peacock (#006C7B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003D6C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#0C011D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Feathered Orchid Workshop color palette (#FFF1F5, #AC50FF, #007368, #00495E, #010018)
• Faded Studio color palette (#EBFCDA, #EE0871, #006BA5, #4600B0, #0F000C)
• Hushed Sapphire Chapel color palette (#FFF2ED, #E46B73, #2472D7, #522E7A, #1D0506)
• Rose Delta color palette (#FFF2EE, #FF477F, #007ED5, #5933BF, #24041D)
• Washed Coral color palette (#FFF0EB, #FF666A, #0092B3, #4D5EC9, #121031)
• Chalky Cornflower Quarry color palette (#EEF9EC, #3FC5BF, #5B79E5, #71538C, #270F0D)
• Linen Harbor color palette (#FDE3F5, #9B3900, #005246, #002B52, #11000D)
• Gentle Emerald Workshop color palette (#F6F8DA, #469700, #007587, #004487, #070015)

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