Dusty Petrol color palette — #EAF4F4 · #D5D9ED · #819FBF · #407288 · #28374A

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAF4F4): a clean, paper-quiet neutral.
• Silver (#D5D9ED): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#819FBF): A luminous, dusty blue — the color of open sky before noon.
• Slate (#407288): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#28374A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Powder Atelier color palette (#DFF3FF, #6CC4EE, #4D8FB9, #3C617F, #213549)
• Washed Denim color palette (#E0F3F2, #5AA5D3, #005C95, #003747, #000A1E)
• Sky Orchard color palette (#E9F3FE, #73BAF5, #C485AA, #4B769B, #372B43)
• Petrol Boulevard color palette (#DEEDEA, #60C3D9, #007793, #004B4E, #001924)
• Worn Ash color palette (#F9F4EE, #CCE4E6, #809BBF, #517961, #5F4B5B)
• Muted Ash color palette (#E9F3FF, #D7D5E2, #CFAFC8, #7895B0, #37404F)
• Aged Cabin color palette (#EAF3FF, #B3D1FF, #6584BA, #33496F, #0E2035)
• Ancient Driftwood color palette (#E7F6EE, #97C8B4, #888559, #455F4F, #21302B)

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