Softworn Petrol color palette — #F9F4EC · #C4ECF0 · #AB8DAD · #407885 · #5E4C5A

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

The five colors

• Ivory (#F9F4EC): bright and airy, almost weightless.
• Frost (#C4ECF0): A whisper-light, dusty blue — the color of open sky before noon.
• Dusty Rose (#AB8DAD): A luminous, dusty pink — the color of neon signs at night.
• Slate (#407885): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5E4C5A): 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

• Petrol Ridge color palette (#FAF4EC, #BBE7DA, #6D8BBB, #156D83, #593E51)
• Hushed Ash color palette (#F9F4ED, #C7E9E4, #6FA1B7, #5E7758, #375148)
• Amber Bloom color palette (#FFF3E6, #C48B43, #3A9B95, #936876, #47413C)
• Hushed Balcony color palette (#F5EDE2, #70BFCF, #007394, #00504B, #0B314A)
• Azure Alley color palette (#FFF3E7, #DBA26F, #5DA0CE, #96673A, #32554A)
• Ancient Cobalt color palette (#FBF4E9, #96CFE4, #1D81B5, #005F62, #49304B)
• Dusty Lagoon Grove color palette (#F4EBDF, #00938E, #00454B, #002417, #000B10)
• Sand Hollow color palette (#FFF3E3, #EEC185, #A48042, #634922, #3E3933)

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