Dusty Petrol Loft color palette — #FCF1FB · #E9D4D2 · #D2B3B4 · #4B69A3 · #463C45

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

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Bone (#E9D4D2): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#D2B3B4): A luminous, dusty red — the color of late-summer berries.
• Slate (#4B69A3): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#463C45): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Dusty Petrol Loft 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

• Denim Market color palette (#F3ECF1, #DCC5CC, #B89796, #455182, #372834)
• Wandering Driftwood Canyon color palette (#FCF2F2, #E1DAD1, #A4B0A7, #9F7577, #5A5050)
• Periwinkle Parlor color palette (#F0F5FF, #DED6E4, #BFA6A2, #7E9FFF, #344055)
• Weathered Grove color palette (#E8DCE1, #C8B3B4, #A8857C, #4B327E, #2A1A21)
• Patina Wisteria Canyon color palette (#DEEFFF, #C094E5, #9C676E, #3D6038, #0A4A3B)
• Pine Balcony color palette (#FFF3E4, #9FAC52, #077F3A, #6A4064, #393F11)
• Patina Courtyard color palette (#EEDFDE, #A8958D, #94652C, #520031, #130504)
• Amethyst Cabin color palette (#FBD7E7, #800CEF, #421A33, #270E1B, #100408)

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