Dusty Petrol color palette — #EFF6FD · #DAD9E3 · #CABDDA · #517AA4 · #161F28

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

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Silver (#DAD9E3): a clean, paper-quiet neutral.
• Lavender (#CABDDA): A luminous, dusty violet — the color of a velvet chair.
• Slate (#517AA4): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#161F28): A deep, shadowed, dusty blue — the color of deep harbor water.

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 Terrace color palette (#F0F6FD, #DCD9E3, #BEB0A9, #6B8AC0, #282F38)
• Denim Market color palette (#F0F5FF, #E0D5EC, #B8B7D8, #4C5B99, #070C18)
• Denim Hollow color palette (#F1EDF2, #D3C8D1, #AE99A8, #00559E, #352937)
• Softworn Mallow color palette (#ECF3FF, #CCBAFF, #A37F9F, #705928, #022F24)
• Dusty Wisteria color palette (#F0F5FF, #D0DCF9, #A8B8FF, #BB7EDC, #0D082A)
• Washed Aubergine Parlor color palette (#EEECF6, #C2B4CF, #9B8B9F, #5D1A5E, #020006)
• Twilit Loft color palette (#DAE5FF, #5F54FF, #2C1B40, #1C151F, #010312)
• Muted Olive Villa color palette (#E4FCEC, #BCC173, #5E8431, #25576F, #001E14)

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