Dusty Petrol color palette — #EFF8F3 · #D0DDDE · #D1BBC3 · #457C95 · #424A46

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

The five colors

• Ivory (#EFF8F3): a clean, paper-quiet neutral.
• Silver (#D0DDDE): bright and airy, almost weightless.
• Stone (#D1BBC3): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#457C95): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#424A46): quiet, heavy and certain.

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

• Washed Harbor color palette (#ECF4F0, #CFD9DA, #C8B9BD, #3C7E97, #252F2A)
• Hushed Indigo Garden color palette (#FDF2F8, #EDD3D2, #D2B2BD, #635FAA, #493B43)
• Wandering Driftwood color palette (#FAF3F9, #E5D7D9, #B4AEA5, #90798E, #575056)
• Abyss Bloom color palette (#E9F3EF, #B7A1B9, #8C778A, #003B5B, #041812)
• Hushed Powder Atelier color palette (#E6FAF5, #CBDFFF, #7BC2FF, #7A8BCD, #463247)
• Ancient Fern Lagoon color palette (#F3F7E7, #7BC19E, #43816E, #4D5F4B, #374A01)
• Wandering Summit color palette (#F1DDF2, #1870CD, #3F2A3C, #261B26, #081314)
• Washed Nightshade color palette (#F6EBF0, #D9C6CC, #B4989E, #5A458C, #362A2F)

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