Dusty Petrol color palette — #EFF6FD · #DAD7E4 · #B1B2C0 · #3F678C · #323C46

Peacock takes the lead with Charcoal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Silver (#DAD7E4): bright and airy, almost weightless.
• Ash (#B1B2C0): a calm mid-gray that lets other colors speak.
• Peacock (#3F678C): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#323C46): 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

• Petrol Drift color palette (#F5F0F5, #DDD3D5, #C1B2BC, #3466A1, #261D26)
• Aged Cobalt color palette (#F1F6FB, #D9D8E5, #C1BBD2, #4382CD, #2F3C4A)
• Antique Driftwood color palette (#F4F4FC, #DED8DD, #B4AAA5, #7C7EA4, #51525A)
• Ancient Balcony color palette (#F2F5FF, #D2D0E0, #AF9FBC, #603EB1, #2C314B)
• Patina Mulberry Study color palette (#F5F4FD, #E3D5DD, #CDB2CA, #904A97, #403D4C)
• Fern Alley color palette (#C7E8FE, #95A4C0, #8B6C8E, #48613B, #1E4A4C)
• Worn Navy color palette (#E2EAF5, #B4B8C8, #8D8BA0, #033F91, #132031)
• Wandering Fern Lantern color palette (#EDF9ED, #A39D65, #526C35, #42476E, #163E2D)

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