Softworn Petrol color palette — #E0ECEB · #94B8D3 · #0072AC · #004959 · #00172E

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

The five colors

• Frost (#E0ECEB): a clean, paper-quiet neutral.
• Ash (#94B8D3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#0072AC): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004959): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00172E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Delta color palette (#E7F5F5, #B2CBE0, #4A7FB7, #005774, #0C213B)
• Petrol Hollow color palette (#F6ECE5, #90BDAA, #3869A6, #004F51, #242857)
• Worn Parlor color palette (#E0F1ED, #72A5B3, #00646B, #003A32, #000D11)
• Turquoise Courtyard color palette (#D5F6FE, #89D6DC, #4DB6D5, #006857, #001E20)
• Navy Meadow color palette (#DBEDED, #5A7C9E, #00377D, #001D2C, #00000D)
• Lapis Villa color palette (#D3EEF3, #009386, #5C5AC5, #00524A, #0F0040)
• Wandering Denim color palette (#C7ECE6, #007C71, #0060A8, #475300, #000E0C)
• Emerald Villa color palette (#D9E8DD, #009B64, #00634A, #004337, #001713)

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