Dusty Petrol color palette — #F9F3F9 · #E9D7D8 · #D0BCB7 · #5D7697 · #4C454C

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Bone (#E9D7D8): bright and airy, almost weightless.
• Stone (#D0BCB7): A luminous, dusty orange — the color of autumn markets.
• Slate (#5D7697): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#4C454C): 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

• Petrol Workshop color palette (#F5F0F6, #E2D4D4, #CBB9B2, #59779B, #322832)
• Aged Studio color palette (#F0F7F2, #CDE1E2, #D5C3D1, #5A7E64, #404B43)
• Driftwood Pier color palette (#FBF2F7, #E3D8D5, #ACAEA1, #967887, #585054)
• Patina Denim Terrace color palette (#FFF0FA, #EEC6D3, #C8989C, #4B4FA0, #3E2D38)
• Antique Garnet color palette (#F5E3E3, #CFB1A9, #A58774, #672C51, #2C1A1A)
• Antique Periwinkle Lantern color palette (#F1F5FB, #DCD9E3, #BFAEB8, #83ACF3, #414853)
• Softworn Fern color palette (#FEE9FF, #BBB0E3, #A67E7B, #616820, #3C513D)
• Dusty Drift color palette (#FBF4E9, #ADB67C, #5E7D59, #6C505F, #4E4200)

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