Dusty Petrol color palette — #F6EFF5 · #E6D1CE · #C9B0B0 · #4F6392 · #251E24

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.
• Bone (#E6D1CE): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#C9B0B0): A luminous, dusty red — the color of a theater curtain.
• Slate (#4F6392): A full-bodied, dusty 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

• Aged Alley color palette (#FAF2F7, #E5D5D5, #C3ACB5, #595D97, #43363E)
• Hushed Garden color palette (#FBEEF2, #EDCAC9, #CDA08D, #714194, #26141A)
• Dusty Dune color palette (#F1F5FD, #DDD8E2, #BEB2AB, #7D87B5, #282E3B)
• Hushed Navy Terrace color palette (#E5DCE2, #C9A9B2, #A88380, #363D77, #12060F)
• Patina Orchard color palette (#DFF3EB, #B59DD3, #8E6860, #415713, #263114)
• Antique Study color palette (#FBF0DF, #96A96C, #367350, #5E3B3F, #211C00)
• Gentle Meadow color palette (#E9EDC9, #128FE6, #7F3A87, #15450A, #240F1F)
• Grape Villa color palette (#FFE6F0, #7D32CA, #381C1B, #17060E, #040104)

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