Softworn Harbor color palette — #F1F7F2 · #D7DFED · #97CFEF · #5BB3B0 · #3E556B

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D7DFED): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#97CFEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#5BB3B0): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#3E556B): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Lagoon Parlor color palette (#FAF3F7, #D7D5E6, #94B5D5, #4E967F, #445270)
• Hushed Cerulean color palette (#DEF9FF, #9CE2E6, #61C8E4, #379DC3, #33546E)
• Cornflower Station color palette (#DDEBDF, #82B8D8, #0085E5, #006B78, #01024B)
• Dusty Turquoise color palette (#ECF7FE, #A3E0F5, #F9B496, #47B8DA, #694231)
• Wandering Taupe color palette (#EDF9EE, #C3E2CE, #A0BFA3, #B18967, #374E44)
• Mustard Courtyard color palette (#EBF7FF, #97D0EC, #E8A7C6, #B4B553, #2D4655)
• Weathered Orchard color palette (#E6F2E8, #A8DDEA, #00B9CA, #00956D, #003441)
• Softworn Ash Parlor color palette (#F6F1EA, #BEECE8, #73A3BE, #5A7359, #253B36)

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