Dusty Petrol color palette — #F7EFF5 · #DFD2D3 · #CDADB7 · #506293 · #251E24

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

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Silver (#DFD2D3): bright and airy, almost weightless.
• Rosewood Mist (#CDADB7): A luminous, dusty rose — the color of strawberry cream.
• Slate (#506293): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#251E24): quiet, heavy and certain.

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 Corridor color palette (#F0F6FD, #DFD5E7, #B6AFC5, #48658F, #333B45)
• Cobalt Study color palette (#F9F3F8, #E8D8D7, #C6B7A3, #658AC7, #342B34)
• Tempered Dune color palette (#FDEDF1, #E4CDCF, #CB9CAF, #7C2FA3, #25141A)
• Plum Atelier color palette (#FCEEEE, #E0D4CA, #DBB6A7, #9F467C, #311F20)
• Aged Navy color palette (#EAE3E7, #C1ADB5, #A6828A, #38397F, #14050F)
• Ash Bloom color palette (#FBE6F2, #B291BE, #915E74, #55521E, #2B2B11)
• Worn Mulberry Studio color palette (#F1E6E5, #D7C7C2, #BC9C8B, #892F57, #21110F)
• Inked Grape color palette (#F8E0EA, #6E4BB2, #3B1821, #17060F, #040103)

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