Dusty Petrol color palette — #EFF6FA · #D8DBE6 · #BEBED0 · #437E8E · #3F4A4F

A conversation between Slate and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D8DBE6): bright and airy, almost weightless.
• Ash (#BEBED0): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#437E8E): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3F4A4F): a grounded near-black with real depth.

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

• Petrol Lantern color palette (#EBF3F7, #D6D7E3, #BFBAC7, #4D7C90, #242E32)
• Driftwood Meadow color palette (#F0F7F2, #CDE2E5, #D8C5C6, #739A7F, #414B43)
• Driftwood Drift color palette (#ECF7FF, #A7B8D2, #8477A5, #795869, #44574A)
• Patina Canyon color palette (#DDE7ED, #9DABBA, #6E7EA9, #003D53, #011623)
• Aged Lagoon Field color palette (#ECF8F5, #8BBAB6, #168767, #3B606B, #2C4846)
• Dusty Market color palette (#EEF6FD, #C4D4E9, #9EA3CD, #006090, #213545)
• Weathered Orchard color palette (#DDDEE5, #BAB6C7, #9686A6, #552E77, #1D1D2E)
• Soft Glacier Studio color palette (#EDF7FF, #5CF5FE, #6AC0FF, #7978CD, #2A445F)

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