Petrol Drift color palette — #C7F1F8 · #007693 · #004763 · #001B33 · #000105
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#C7F1F8): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007693): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004763): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001B33): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged 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
- Denim Parlor color palette (#C3EEF3, #00647B, #003246, #001428, #040112)
- Wandering Petrol color palette (#D5ECFF, #0072A9, #7E4400, #002E48, #030100)
- Eclipse Lagoon color palette (#C5E9D5, #008A6B, #00433D, #001C1D, #000102)
- Washed Navy Drift color palette (#D1F9F3, #008C9D, #006994, #00417F, #0D0030)
- Patina Study color palette (#D6E7FF, #3289DA, #00427E, #291E24, #000817)
- Antique Nightshade Study color palette (#CEE9FF, #006DC7, #0021AA, #120054, #010008)
- Garnet Chapel color palette (#DBE7F2, #005892, #840037, #263900, #000104)
- Iris Workshop color palette (#DCEEFF, #99B2F8, #9474CA, #00455B, #000106)
Browse the whole catalog at Explore, or see today's palette.