Softworn Petrol Harbor color palette — #EBF4F4 · #D5D9EC · #859FBD · #42728A · #28374C

Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Silver (#D5D9EC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#859FBD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#42728A): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#28374C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn Petrol 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

• Petrol Garden color palette (#DBEEEB, #8FBAD1, #007698, #004A51, #001826)
• Dusty Orchard color palette (#CFE6E5, #6BA3CB, #035A9B, #003749, #000921)
• Cypress Lantern color palette (#E9F5F2, #BAE5EF, #599A9C, #046E5D, #003240)
• Aged Petrol Orchard color palette (#F9F4EF, #CAE6EA, #8899BF, #297B86, #674759)
• Patina Olive color palette (#E7F6F2, #A4BD8B, #6CA5BF, #627B46, #123548)
• Cerulean Alley color palette (#FBF2F5, #D9D4DE, #C1BCE1, #599EA9, #454C65)
• Washed Grove color palette (#D2E5E1, #3C8686, #00444A, #00201B, #000202)
• Dusty Study color palette (#FFECF4, #D5AFBC, #9E7587, #6A4F5D, #233023)

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