Dusty Petrol color palette — #FDF1FB · #D2C495 · #5E709E · #334166 · #291D27

Built around Slate, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Pistachio (#D2C495): A whisper-light, dusty green — the color of fresh herbs.
• Slate (#5E709E): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#334166): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#291D27): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Abyss Grove color palette (#EBF9F3, #EDB4AE, #3D799C, #004869, #162520)
• Driftwood Balcony color palette (#FDF1F7, #D2D4B2, #7D77A2, #614252, #35262E)
• Worn Coast color palette (#EFF6FF, #F6E6A0, #6176A1, #2A394F, #0A1019)
• Wandering Denim color palette (#F1F5FD, #C4AB78, #3C4D89, #1E2E4A, #1C1927)
• Hushed Basalt Archive color palette (#F8EBEC, #87C59A, #7E507D, #4D224D, #260D12)
• Worn Cornflower color palette (#FAF2F9, #A7C5FB, #C77757, #497CDD, #2F2017)
• Ultramarine Drift color palette (#F9DAEE, #8EBD3F, #4948B7, #231B72, #1D0517)
• Quiet Pier color palette (#FFF1F2, #C07CB0, #AA5886, #2C732C, #3B232F)

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