Dusty Petrol color palette — #F0F7F4 · #E0D4D0 · #D0B6B5 · #3E7BA1 · #404A47

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#E0D4D0): bright and airy, almost weightless.
• Stone (#D0B6B5): A luminous, dusty orange — the color of toasted spice.
• Slate (#3E7BA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#404A47): a grounded near-black with real depth.

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

• Antique Station color palette (#FDF1F7, #EDD4CD, #DCAFAD, #6E5BA7, #483B42)
• Ancient Lantern color palette (#ECF3F9, #D7D7E5, #BEBBCF, #52799D, #252D35)
• Tempered Field color palette (#EEF8F5, #E2D3D1, #A89D93, #6F93B5, #3D4B47)
• Timeworn Ultramarine Workshop color palette (#FBF2FA, #E2CBD7, #C798A3, #1752B9, #3C2D3B)
• Antique Fern color palette (#D9FAEC, #CFA9C1, #AA7D84, #656417, #3F4D3D)
• Cobalt Parlor color palette (#EDE0EA, #516AC2, #462733, #281A25, #081314)
• Olive Grove color palette (#FEF3E9, #BFAD88, #6A7C39, #6C4F66, #553E00)
• Navy Archive color palette (#E2F1ED, #B4A4AE, #9D7180, #003965, #041814)

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