Dusty Petrol color palette — #ECF3F6 · #D4D7E0 · #B9BBCC · #41808A · #222E33

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

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D4D7E0): a clean, paper-quiet neutral.
• Ash (#B9BBCC): A luminous, dusty violet — the color of wild irises.
• Slate (#41808A): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#222E33): quiet, heavy and certain.

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

• Hushed Cobalt Meadow color palette (#EEF2F8, #D9D4E3, #BABCDE, #4867B1, #1B2535)
• Cypress Studio color palette (#F0F7F1, #CEE1E3, #D3C4CE, #447F83, #414B42)
• Wandering Driftwood color palette (#D4EEFF, #A8BBD4, #8883AF, #6B4A5E, #2B392B)
• Cerulean Grove color palette (#E5EEF4, #94A2AE, #677CA1, #003D4C, #00050A)
• Pine Chapel color palette (#EAF4F1, #9CBE97, #348760, #285D6A, #0E2D2A)
• Washed Turquoise color palette (#EFF7F9, #D8DBE6, #CEC2C5, #59ADB4, #364145)
• Tempered Denim Hollow color palette (#E6E9EF, #C8CAD8, #A29FC3, #464E8F, #111620)
• Tempered Petrol Dune color palette (#E3F8E7, #48ABC4, #3A6BAF, #6F302B, #0D2535)

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