Softworn Petrol color palette — #EBF4F0 · #E4D3D9 · #C1B2BC · #2D6C8D · #18231F

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

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Silver (#E4D3D9): A whisper-light, dusty rose — the color of a warm blush.
• Ash (#C1B2BC): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#2D6C8D): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#18231F): quiet, heavy and certain.

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

• Aged Petrol color palette (#EFF6FB, #D8D8E6, #ADB2C7, #336B85, #2E3D46)
• Hushed Pewter color palette (#FBEEF1, #EBD1C7, #D9B5B2, #7C5B91, #311F24)
• Softworn Courtyard color palette (#FAEEF6, #EBC9D7, #BD9FC5, #4C4CAD, #25131F)
• Cerulean Market color palette (#EEF8F2, #E8D3CF, #A9ACA0, #5A93A9, #27312C)
• Tempered Navy color palette (#DEEDE8, #BFACBC, #9D8593, #004775, #010E0A)
• Tempered Lilac color palette (#D6EAFF, #9D9FDE, #82648F, #6A4000, #32280C)
• Dusty Thicket color palette (#F1F4E4, #5AB493, #1F736A, #2A503B, #162008)
• Ultramarine Studio color palette (#F4E3F2, #2359D0, #371A2B, #130812, #000302)

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