Softworn Petrol color palette — #EEF6FE · #DBD7E6 · #BBB7D9 · #0071A8 · #35414B

A conversation between Slate and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF6FE): bright and airy, almost weightless.
• Silver (#DBD7E6): A whisper-light, dusty violet — the color of wild irises.
• Ash (#BBB7D9): A luminous, dusty violet — the color of a velvet chair.
• Slate (#0071A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#35414B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Petrol Chapel color palette (#E6F6F2, #F2D7DC, #D2B6C4, #376FA3, #112A25)
• Dusty Denim Balcony color palette (#E8EFF8, #C6CBDE, #A29BBB, #225789, #262F38)
• Weathered Driftwood Studio color palette (#F5F4FB, #E0D8DC, #B3ABA2, #92769A, #525159)
• Wandering Studio color palette (#F4F4FF, #D8CDE4, #BC9AB8, #7A25B0, #313045)
• Forest Lantern color palette (#A2F5FD, #93B0EA, #A26F9C, #1A673D, #004E48)
• Lapis Meadow color palette (#D3DFF6, #464FE4, #401449, #091633, #060815)
• Tempered Aubergine Canyon color palette (#E5E7F1, #ACA5BB, #8E7590, #440984, #11131F)
• Pale Orchard color palette (#E6F9FF, #008F93, #A6004A, #004D2A, #00322E)

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