Dusty Petrol color palette — #EEF4EF · #D7DBEE · #849DC7 · #2B758A · #2C364A

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Silver (#D7DBEE): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#849DC7): A luminous, dusty violet — the color of wild irises.
• Teal (#2B758A): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#2C364A): A deep, shadowed, dusty violet — the color of wild irises.

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

• Antique Petrol color palette (#E1ECE3, #7EBFD1, #00749F, #004B4A, #00172D)
• Gentle Thicket color palette (#D8E6DB, #64A4CF, #0056A9, #003842, #030130)
• Dusty Summit color palette (#ECF4EE, #B6E6F1, #00A0AE, #136F52, #13303E)
• Patina Market color palette (#FAF4ED, #C7EAED, #8998C2, #5D765D, #634A55)
• Olive Balcony color palette (#E7F6F2, #A1BF80, #AF8BC8, #5E7D36, #2F2D4A)
• Aged Summit color palette (#FBF3F5, #D9D4DE, #BAC9FF, #50A1A2, #494B62)
• Ancient Lagoon color palette (#D6E3D8, #1E898A, #00444D, #002017, #000203)
• Softworn Azure Quarry color palette (#E1F8F3, #85A874, #5C8FD3, #A96065, #142C28)

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