Petrol Drift color palette — #FCF1FA · #EBD3D2 · #D4B2B7 · #4F65AD · #4A3A47
Slate takes the lead with Rosewood Mist close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Ivory (#FCF1FA): bright and airy, almost weightless.
- Bone (#EBD3D2): A whisper-light, dusty orange — the color of autumn markets.
- Rosewood Mist (#D4B2B7): A luminous, dusty red — the color of a theater curtain.
- Slate (#4F65AD): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#4A3A47): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, 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
- Timeworn Byzantium color palette (#FBF2F4, #E6D6CE, #D3B4AB, #8A4C9E, #4F393E)
- Petrol Canyon color palette (#ECF9F1, #EED9E1, #CFB2C4, #007691, #33453B)
- Hushed Summit color palette (#F3ECF0, #D9C6CC, #B4999A, #4A4C8E, #382832)
- Weathered Pier color palette (#FCF3F2, #DFD9D3, #A4AFA5, #9E7389, #5A504F)
- Periwinkle Canyon color palette (#F0F5FF, #DED6E4, #CEABA5, #819FFA, #364051)
- Ancient Forest color palette (#DAEAFF, #B59ECC, #9C6F83, #306949, #005054)
- Grape Archive color palette (#FBDFEA, #7D3ECB, #3E1D37, #280E1A, #100406)
- Pine Orchard color palette (#FFF4DE, #96AD74, #297B48, #574773, #324019)
Browse the whole catalog at Explore, or see today's palette.