Softworn Petrol color palette — #F4F6EF · #C4E7EC · #7F9CBE · #46758D · #61495F

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 (#F4F6EF): bright and airy, almost weightless.
• Frost (#C4E7EC): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7F9CBE): A luminous, dusty blue — the color of open sky before noon.
• Slate (#46758D): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#61495F): A full-bodied, dusty pink — the color of peonies in June.

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

• Worn Ash Delta color palette (#F5F6EE, #C7E6DF, #67A4B0, #3C7B76, #385143)
• Tempered Canyon color palette (#FAF3F5, #DBDEEC, #9BB1E1, #3295A2, #485170)
• Softworn Hollow color palette (#FFF1F5, #AC86C3, #B17879, #4B7BA4, #513B42)
• Muted Basin color palette (#FFF0F8, #B3AADE, #8A74B0, #725D8A, #67444E)
• Worn Stone color palette (#FFF1F4, #E3D7D2, #CDBC9A, #9E7B86, #604D4F)
• Petrol Garden color palette (#EEF0E1, #94BCA4, #007393, #004F55, #003248)
• Weathered Pewter Grove color palette (#FFF1F5, #BFA2D7, #C08B70, #8560A0, #524C47)
• Hushed Market color palette (#EEF1E6, #71A5CB, #005A99, #003B4E, #001D47)

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