Softworn Petrol color palette — #EBF3F9 · #D8D7E5 · #C1BACA · #557A95 · #242D34

Slate and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EBF3F9): bright and airy, almost weightless.
• Silver (#D8D7E5): bright and airy, almost weightless.
• Ash (#C1BACA): A luminous, dusty violet — the color of a velvet chair.
• Slate (#557A95): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242D34): quiet, heavy and certain.

Feels like: 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

• Dusty Terrace color palette (#F1F1F9, #E0D1DC, #C0B1C2, #745784, #201F2A)
• Driftwood Quarry color palette (#D8EEFF, #ACB8D8, #85799B, #4D665D, #1A3D32)
• Dusty Petrol color palette (#EFF7F4, #E0D4D0, #C8B8B5, #437C9A, #3E4B46)
• Softworn Navy color palette (#DCE5EE, #97A0B3, #77789A, #00395F, #00040D)
• Washed Garden color palette (#FFECF3, #C1B382, #6F7C46, #455570, #1B2C21)
• Timeworn Field color palette (#E7E5F1, #B9AFC0, #9A8698, #5F2B64, #0C0816)
• Tempered Lantern color palette (#E9F3FF, #75EBFF, #A6C2FF, #B177AF, #182035)
• Weathered Azure Pier color palette (#DFFAE9, #44A8D8, #6C5EA4, #504615, #152435)

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