Softworn Harbor color palette — #D7E3D9 · #75A6BF · #005B94 · #003D43 · #011A4D

Peacock and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#D7E3D9): a clean, paper-quiet neutral.
• Blue Fog (#75A6BF): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#005B94): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#011A4D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. 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

• Denim Basin color palette (#E3EFE5, #6EABAD, #006272, #003F33, #002331)
• Timeworn Alley color palette (#F8ECF2, #73A4BC, #28569D, #003A34, #0C002B)
• Aged Petrol Drift color palette (#E7F2E9, #95B5D5, #4466A9, #004D61, #252757)
• Hushed Abyss color palette (#E2ECE3, #4B89A2, #004063, #002224, #00081C)
• Azure Meadow color palette (#EAE5DD, #8FC9E6, #1898EE, #007B87, #061C46)
• Cerulean Bloom color palette (#F1F7F2, #CADFF2, #6C8CB9, #266C7D, #394864)
• Forest Station color palette (#F0F7F1, #9ECEDD, #338495, #00624F, #004157)
• Timeworn Orchard color palette (#BBE8F1, #61C7D1, #458DBD, #005930, #002626)

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