Softworn Petrol color palette — #EEF6FE · #D8D8E9 · #B1BDCF · #0E6FB0 · #314252

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

The five colors

• Ivory (#EEF6FE): bright and airy, almost weightless.
• Silver (#D8D8E9): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B1BDCF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#0E6FB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#314252): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Timeworn Petrol Veranda color palette (#ECF3F9, #D6D4E0, #B9BDD7, #0072A9, #152735)
• Worn Pewter Bloom color palette (#F3F5FC, #DCD8DF, #C5BBC8, #746E99, #454752)
• Tempered Hollow color palette (#EEF8F4, #E9D9DC, #E0BAB8, #008FD1, #33443E)
• Patina Denim color palette (#EAEFF5, #C5CCD8, #98A0B5, #2F548C, #262F39)
• Hushed Basin color palette (#F0F6FF, #A2D3FF, #84ACFF, #7C6FE1, #222B68)
• Aubergine Lantern color palette (#EDEFFE, #A7A7BD, #807B93, #471677, #101127)
• Weathered Chestnut color palette (#EBE5FF, #B89DC9, #8D688B, #834438, #584000)
• Periwinkle Cabin color palette (#ECF8F5, #EAD4D1, #55ABF4, #AF9F8F, #34433F)

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