Softworn Petrol color palette — #EFF7F6 · #D6DCED · #739FC1 · #36788C · #455465

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 (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D6DCED): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#739FC1): A luminous, dusty blue — the color of deep harbor water.
• Slate (#36788C): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#455465): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Patina Corridor color palette (#E7F1EF, #78BEC9, #007589, #00504F, #003343)
• Antique Villa color palette (#FBF2F6, #D9D4E2, #BEBBE0, #6DB0A9, #4D5166)
• Muted Seafoam color palette (#E6FAF6, #ADEED4, #C3DBF5, #658E81, #435754)
• Hushed Lagoon color palette (#E0EEEA, #41A19C, #005558, #003128, #00181B)
• Navy Orchard color palette (#DBF0EF, #5585AE, #003C75, #00202E, #000526)
• Worn Cerulean Cabin color palette (#E0FCF7, #7CA573, #009BAA, #986D2D, #2F4844)
• Driftwood Alley color palette (#FEF1F8, #D0ACBD, #A77257, #725268, #534348)
• Tempered Coral Hollow color palette (#EBF9F3, #ACB67F, #D7797E, #6F7A2D, #5C435C)

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