Dusty Petrol color palette — #F5F0F5 · #DED4D5 · #CAB7B4 · #5577A4 · #322832

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

The five colors

• Ivory (#F5F0F5): a clean, paper-quiet neutral.
• Silver (#DED4D5): a clean, paper-quiet neutral.
• Stone (#CAB7B4): A luminous, dusty orange — the color of autumn markets.
• Slate (#5577A4): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#322832): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Cobalt Cabin color palette (#F9F3F8, #E0D7D8, #CABABB, #5273B0, #4D454C)
• Aged Grove color palette (#FCEDF2, #E1D3CC, #D8B6AE, #844FA6, #2F2025)
• Ash Workshop color palette (#F1F5FC, #DAD9E2, #CCBFC2, #849ECE, #38404B)
• Wandering Market color palette (#FDE7FF, #D2B2C2, #A87C7C, #5D661E, #32342D)
• Patina Villa color palette (#F8F1E5, #B2B88C, #5C8153, #654C5A, #2E270B)
• Patina Terrace color palette (#FBE7F2, #6F66C0, #44282E, #1E1119, #090509)
• Wandering Mulberry color palette (#EFE6E8, #D9C6C5, #B29F98, #6F4077, #1F1114)
• Aged Navy color palette (#F4EDF3, #B098A3, #8F7378, #182F74, #0A0109)

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