Dusty Petrol color palette — #E7EFF8 · #D2D7E8 · #B9B4C9 · #4874A6 · #252F3A

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E7EFF8): bright and airy, almost weightless.
• Silver (#D2D7E8): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B9B4C9): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4874A6): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#252F3A): 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

• Aged Cobalt color palette (#F8F3F9, #E9D8D8, #DDBCB0, #3E79B7, #251A26)
• Weathered Iris Canyon color palette (#EAEFF6, #D4D1DD, #C2B4CD, #6792DA, #252F3C)
• Hushed Denim Balcony color palette (#DADEE7, #C3C2D0, #AC9EB7, #4E599F, #171F30)
• Patina Drift color palette (#F4F4FF, #E3D9ED, #CFB4CC, #8D5FB5, #302F4A)
• Patina Powder color palette (#CAEFFF, #A6A7E0, #8A7699, #3C674C, #0D3D23)
• Mulberry Study color palette (#C7E7F4, #0098A6, #AA2B53, #004F3A, #00261B)
• Softworn Ash Meadow color palette (#F5F4FC, #E0D8DC, #B8AEAB, #9B96BA, #52515C)
• Olive Market color palette (#F4DEE5, #ADA76B, #50803F, #67486C, #0A3121)

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