Softworn Harbor color palette — #F1F7F2 · #D3DCDD · #BBAFA4 · #32909D · #4D554F

Built around Cerulean, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D3DCDD): a clean, paper-quiet neutral.
• Ash (#BBAFA4): A luminous, dusty gold — the color of honey in a jar.
• Cerulean (#32909D): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#4D554F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Softworn Summit color palette (#ECF3F7, #D3D7DE, #B3ADBB, #4D8E9D, #31373B)
• Softworn Cobalt color palette (#F9F3F7, #E4D8D7, #D1BBB3, #606EB5, #4F444C)
• Antique Courtyard color palette (#FDF4E4, #76B5B3, #517AA8, #755200, #374E40)
• Tempered Lantern color palette (#EEF7FB, #D7DAE4, #B8AFBA, #977431, #4B5458)
• Weathered Pier color palette (#F9F5EA, #C2C3A8, #748B4A, #526E5A, #515100)
• Weathered Thicket color palette (#EDFAE5, #C0D4C5, #A58FA4, #94662B, #615200)
• Spruce Lantern color palette (#D9E1DC, #909D99, #816779, #00313C, #000D05)
• Denim Coast color palette (#E7F1ED, #D3C9D0, #B696A3, #005A88, #1F322C)

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