Petrol Drift color palette — #F1F5FD · #DBD8E3 · #C2BCCC · #62749A · #424852

Slate takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F1F5FD): a clean, paper-quiet neutral.
• Silver (#DBD8E3): a clean, paper-quiet neutral.
• Stone (#C2BCCC): A luminous, dusty violet — the color of wild irises.
• Slate (#62749A): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#424852): quiet, heavy and certain.

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

Use it as a design system

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

• Muted Boulevard color palette (#F2F3FF, #B8B1DA, #8B7A9F, #795A6D, #624643)
• Powder Balcony color palette (#F1F5FF, #C7DCFF, #B2B1FF, #8F74B1, #333956)
• Weathered Courtyard color palette (#EAE4EE, #C3B2C7, #9E849E, #6D2947, #231C27)
• Antique Nightshade Archive color palette (#F2F5FF, #CDD1E9, #A3A2C5, #5946A9, #2D3244)
• Softworn Stone color palette (#E9FAF3, #A1B98C, #5F7D59, #435F67, #2E4842)
• Wandering Navy color palette (#DBE2F1, #A0A8C4, #7A7D95, #29277F, #0F141F)
• Antique Indigo Pier color palette (#DEE3FB, #7558CB, #2F2F48, #1C1E2A, #0D0B11)
• Gentle Iris Thicket color palette (#FFF0FE, #8F8AE7, #785997, #75393C, #373C51)

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