Petrol Drift color palette — #D1E3EA · #A6B0CC · #9295B1 · #008090 · #001720
Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Silver (#D1E3EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#A6B0CC): A luminous, dusty violet — the color of a velvet chair.
- Blue Fog (#9295B1): A luminous, dusty violet — the color of wild irises.
- Teal (#008090): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#001720): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Patina Coast color palette (#E5EFFD, #B2ACC3, #A090AD, #3C71BD, #0C141F)
- Abyss Lantern color palette (#D6E7ED, #9FB8CD, #8B95AC, #005E64, #07161B)
- Patina Abyss color palette (#DFE8E2, #93A59B, #618577, #003E48, #000602)
- Hushed Study color palette (#EAEFF6, #D7D0E5, #C1B4C8, #7591CE, #272E3A)
- Antique Coast color palette (#F6EDDC, #0098B5, #0062CF, #861113, #000D16)
- Frosted Study color palette (#CBE9FC, #008EB2, #8336B8, #801000, #070800)
- Linen Drift color palette (#D8EAF3, #4D97ED, #756BA9, #7F4625, #0A2811)
- Moonless Petrol color palette (#CAE5F8, #0072A5, #1D3058, #1A1820, #000812)
Browse the whole catalog at Explore, or see today's palette.