Dusty Petrol color palette — #D7E1DD · #B39EA1 · #A08380 · #0068A5 · #000D09

A conversation between Peacock and Heather, giving this palette its sense of trust and stability.

The five colors

• Silver (#D7E1DD): bright and airy, almost weightless.
• Taupe (#B39EA1): A luminous, dusty red — the color of late-summer berries.
• Heather (#A08380): A luminous, dusty orange — the color of autumn markets.
• Peacock (#0068A5): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#000D09): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Weathered Ultramarine color palette (#F4EAF2, #AC9B9B, #A18077, #2659C9, #120311)
• Cypress Corridor color palette (#DEE5DE, #8FA6A5, #A88EA9, #007273, #030C04)
• Wandering Navy color palette (#E4E9EE, #9CA5B2, #7A869F, #00467F, #000919)
• Washed Onyx color palette (#E5F0FA, #818EA6, #666884, #002C49, #000104)
• Tempered Olive Orchard color palette (#F9ECDE, #968944, #516D00, #37427D, #080600)
• Timeworn Atelier color palette (#CEF1FD, #687FB0, #7E5C90, #3A4C00, #00130E)
• Violet Workshop color palette (#ECE2E7, #CEBBB6, #B8A093, #8164E8, #2C1823)
• Grape Boulevard color palette (#EAE9D9, #0085B4, #5F37BC, #364000, #00030D)

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