Softworn Harbor color palette — #F0F7F4 · #E6D7DA · #DBB8B2 · #4C88A9 · #2F3F38

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#E6D7DA): bright and airy, almost weightless.
• Stone (#DBB8B2): A luminous, dusty orange — the color of sun-warmed clay.
• Cerulean (#4C88A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#2F3F38): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Petrol color palette (#EFF6FC, #D9D7EA, #ABB3C8, #346892, #313C46)
• Ancient Lilac color palette (#FBF3F5, #E8D7CD, #D4BEA0, #9F6FB9, #4E393F)
• Patina Summit color palette (#FBF2F8, #F5D4DB, #E0AEBF, #6764DC, #3F2C38)
• Denim Boulevard color palette (#DCE6E3, #D3BDC9, #C5969F, #0064A5, #0F241F)
• Patina Olive color palette (#FFF2EA, #CBB178, #788A38, #705783, #39352F)
• Weathered Corridor color palette (#EFDBEA, #5C78DB, #4E3458, #2C1B28, #05100B)
• Indigo Bloom color palette (#F6EFD5, #26B3D2, #7D61C8, #595A00, #0D382F)
• Pale Olive color palette (#C6EBCB, #A4B2DD, #A67CA4, #6F7128, #464700)

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