Dusty Petrol Villa color palette — #E0ECEB · #97B8D3 · #276FAD · #00485E · #001435

A conversation between Slate and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#E0ECEB): a clean, paper-quiet neutral.
• Ash (#97B8D3): A luminous, dusty blue — the color of open sky before noon.
• Slate (#276FAD): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00485E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001435): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Dusty Petrol Villa 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 Cabin color palette (#DCEEEA, #85BFC1, #007985, #004C45, #001A20)
• Muted Cobalt color palette (#F6EDE4, #94BBAD, #3965B5, #004F55, #29245C)
• Cobalt Quarry color palette (#EDF0E4, #A1CAE8, #3A8BD1, #006785, #0E2D56)
• Petrol Delta color palette (#EBF4F4, #D6D9EC, #849FBE, #457189, #29374B)
• Washed Denim color palette (#E2F2F0, #5294AC, #00506F, #002B31, #00050B)
• Olive Dune color palette (#D4E5E0, #6D8C24, #007794, #3A4F00, #00151D)
• Gentle Olive color palette (#D4ECE7, #3C7E00, #006C72, #6B4200, #030E00)
• Chalky Teal Orchard color palette (#CEF5EE, #A8DFB5, #35B493, #4F6C1D, #002006)

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