Dusty Petrol color palette — #E5F0FA · #B2ADC0 · #A28FA5 · #2B78A9 · #041523

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

The five colors

• Frost (#E5F0FA): bright and airy, almost weightless.
• Ash (#B2ADC0): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#A28FA5): A luminous, dusty pink — the color of neon signs at night.
• Slate (#2B78A9): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#041523): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Weathered Ridge color palette (#DDE1E8, #A99CAD, #987F8E, #4E59AE, #040816)
• Driftwood Villa color palette (#E7E6F4, #D0B9C5, #B89EA2, #9B6BA9, #1F1D2A)
• Navy Pier color palette (#D7E3DF, #A89BA4, #8F737D, #00395F, #000604)
• Ancient Periwinkle Grove color palette (#EEF6FF, #E0D6EF, #D3B6D2, #509CEA, #243445)
• Tempered Iris color palette (#D0EBF9, #8F88E0, #A0637E, #4C5D36, #142000)
• Misty Byzantium color palette (#E4E1C2, #0094CA, #8641B4, #514800, #000729)
• Hushed Brick color palette (#D8EAF6, #008DB9, #B81E00, #3D4A00, #060900)
• Softworn Peony Corridor color palette (#DCE3F2, #00C7CD, #8999FF, #E43C8F, #15002E)

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