Dusty Petrol color palette — #F6EFF5 · #E5D0D3 · #C3B1BB · #4D6396 · #251E23

Slate and Rosewood Mist set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F6EFF5): a clean, paper-quiet neutral.
• Silver (#E5D0D3): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#C3B1BB): A luminous, dusty pink — the color of neon signs at night.
• Slate (#4D6396): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#251E23): a grounded near-black with real depth.

Feels like: Creativity, 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 Study color palette (#F1F5FC, #DAD7E0, #B0B2C1, #4C648E, #343B45)
• Pewter Ridge color palette (#FFEDED, #E9D2C2, #DBB5AD, #905478, #2E2121)
• Weathered Cocoa color palette (#F1D9E2, #BB9BCD, #886382, #753B16, #35210E)
• Worn Archive color palette (#FAF2FA, #E6D7D7, #BEB0A4, #728BB1, #352A34)
• Patina Mulberry Harbor color palette (#F0E6E5, #DDC5C0, #BB9C92, #7A3E57, #201110)
• Softworn Navy Grove color palette (#EEE5EB, #C0ADB7, #A18490, #353983, #140510)
• Lilac Studio color palette (#FFEBF7, #A5C3FF, #A2A2FF, #8962B4, #26071A)
• Iris Quarry color palette (#FFE2D8, #7F7AE3, #6A488D, #5D2329, #290C1D)

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