Softworn Petrol color palette — #DCEDEC · #99B7D2 · #2B6DB0 · #004760 · #001239

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

The five colors

• Frost (#DCEDEC): a clean, paper-quiet neutral.
• Ash (#99B7D2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#2B6DB0): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004760): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001239): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, 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

• Muted Petrol Atelier color palette (#DDEDEA, #8BBCCC, #007987, #004C46, #001A20)
• Dusty Sapphire color palette (#F5EDE5, #87B8DD, #2C5FCF, #004F56, #2B284F)
• Hazy Cobalt Garden color palette (#EDF0E8, #A2C9EA, #3B89D9, #006789, #192D4F)
• Weathered Denim Harbor color palette (#D9EAE8, #4F94B0, #004F71, #002B32, #00050C)
• Patina Chestnut color palette (#DBEEDC, #998358, #734C00, #482800, #130E00)
• Linen Lagoon color palette (#F3E4FB, #AB3C6C, #894E00, #5600BE, #1C000B)
• Dusty Studio color palette (#EEDAEF, #C05969, #716F00, #86002E, #141300)
• Aged Mulberry Ridge color palette (#F2D8E4, #C95E8D, #AA0056, #6D002A, #2E0009)

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