Petrol Drift color palette — #D1E5DB · #0080A7 · #3F283C · #071A12 · #040704
Cerulean takes the lead with Espresso close behind in a set that reads as trust and stability at first glance.
The five colors
- Silver (#D1E5DB): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#0080A7): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#3F283C): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#071A12): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#040704): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.
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
- Ancient Cobalt Quarry color palette (#F4EAF3, #6183BD, #4C323E, #241B23, #080E0B)
- Patina Loft color palette (#E2F1E2, #008687, #063A2B, #0C1A0D, #050703)
- Azure Bloom color palette (#D1E9F9, #009DCD, #3F4E65, #223039, #101A1E)
- Twilit Denim Studio color palette (#F5E9F7, #005DA3, #1E0D4D, #000816, #000201)
- Weathered Bronze Coast color palette (#FFEBFC, #698BD8, #A67500, #726E15, #2A1628)
- Lowlit Corridor color palette (#FFE5EE, #7C43B0, #3A162E, #17060D, #040103)
- Cerulean Drift color palette (#F8F0EC, #C7E6CB, #369BBA, #236D51, #0B342A)
- Hushed Balcony color palette (#F7F1E4, #B8B58D, #46855A, #3E5E42, #2A2811)
Browse the whole catalog at Explore, or see today's palette.