Dusty Petrol color palette — #F3F4FF · #9786B9 · #428E85 · #006B7F · #393B4F

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Slate Blue (#9786B9): A luminous, dusty violet — the color of a velvet chair.
• Fern (#428E85): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#006B7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#393B4F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged muted.

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

• Muted Cypress color palette (#F4F4FF, #967FAA, #007770, #005372, #2A3242)
• Weathered Cypress Delta color palette (#EDF6FF, #6D95B8, #6E895A, #1D6F51, #2F3F4E)
• Softworn Ash Summit color palette (#F1F0FD, #A785BC, #4D9374, #4A5D88, #22212E)
• Weathered Petrol Garden color palette (#EDF8F4, #8E965F, #458C8D, #196886, #2B433A)
• Wandering Jade color palette (#FFF1F3, #CB97C5, #6DAC80, #4F80A2, #4A373A)
• Dusty Workshop color palette (#FCF1FE, #AF6A75, #4974A2, #544098, #3D2B40)
• Pale Station color palette (#F7F3FF, #AD499E, #00728D, #00498D, #3E1E39)
• Timeworn Canyon color palette (#EAFAEC, #C99D7D, #91713A, #346641, #574048)

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