Petrol Drift color palette — #DEE8EF · #B1AEC9 · #A091A9 · #007DA0 · #06161F
Cerulean and Heather set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DEE8EF): bright and airy, almost weightless.
- Mauve (#B1AEC9): A luminous, dusty violet — the color of wild irises.
- Heather (#A091A9): A luminous, dusty violet — the color of twilight just after sunset.
- Cerulean (#007DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#06161F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Tempered Garden color palette (#E7EDF5, #A69CAE, #958091, #3161AF, #030915)
- Patina Denim color palette (#D5E6DF, #C3ABC4, #AB89A2, #005A7D, #011911)
- Weathered Chapel color palette (#E8E9F2, #CEBAC9, #C09CA7, #8E6CBD, #1D1E2D)
- Softworn Abyss Alley color palette (#E5EEEA, #A89BA8, #936F83, #003C52, #000603)
- Hushed Archive color palette (#E6EFF7, #C3D2E2, #92A8C5, #00537A, #000307)
- Grape Terrace color palette (#E5DEC9, #0099B0, #6B3FDD, #574600, #000D18)
- Patina Azure Summit color palette (#ECF7FF, #DBD7ED, #D2B7DC, #42A3D5, #253541)
- Iris Workshop color palette (#C7F0F8, #658EEC, #976692, #595D2D, #002318)
Browse the whole catalog at Explore, or see today's palette.