Dusty Petrol color palette — #F0E6EB · #90BAD3 · #166FB1 · #004C48 · #070F3C

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

The five colors

• Blush (#F0E6EB): a clean, paper-quiet neutral.
• Ash (#90BAD3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#166FB1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C48): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#070F3C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty 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

• Hushed Petrol Garden color palette (#E2F2F1, #8EB7D1, #00719D, #004E5A, #00314F)
• Antique Ultramarine color palette (#F5EAED, #82A0BC, #354DAE, #003840, #0D002A)
• Softworn Cobalt Villa color palette (#F6ECE6, #97CEE3, #0F8CDC, #006C66, #1C2A56)
• Denim Study color palette (#E3E8FF, #E3BFE6, #D27D8A, #1863B0, #171331)
• Dusty Denim Drift color palette (#F4E8F1, #6292A5, #00506D, #002D22, #00040F)
• Byzantium Studio color palette (#DFDEFC, #864DAA, #795800, #265A00, #140021)
• Hushed Navy Thicket color palette (#F9E8EE, #507EA0, #0F308A, #001F22, #010009)
• Powdered Grape color palette (#D6E3EF, #5482DD, #543AC4, #420083, #2B0033)

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