Petrol Drift color palette — #D7EDF3 · #007192 · #003D5B · #001427 · #000208
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D7EDF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007192): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003D5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001427): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000208): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
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
- Petrol Loft color palette (#D7EDFB, #006BAC, #003B77, #02004C, #01000F)
- Cellar Villa color palette (#C8EDDD, #007969, #00433F, #001819, #000202)
- Shadow Summit color palette (#DDEAE1, #005E79, #003055, #24002D, #000204)
- Timeworn Studio color palette (#D2E7ED, #008BB0, #00587E, #003154, #000C25)
- Patina Coast color palette (#E1ECF1, #91A3AD, #52839B, #003E46, #000509)
- Abyss Meadow color palette (#D5E6F2, #5E5357, #003B54, #20191F, #000712)
- Twilit Veranda color palette (#D4E3F5, #00498B, #3B0062, #250012, #000102)
- Aubergine Workshop color palette (#D9E8F9, #566B96, #412B89, #420327, #1D0006)
Browse the whole catalog at Explore, or see today's palette.