Petrol Drift color palette — #D5EBF7 · #006898 · #003E68 · #001734 · #000415
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D5EBF7): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006898): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003E68): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#001734): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000415): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Hushed Cobalt Harbor color palette (#DFF3FF, #0089C9, #00568D, #00376E, #00133E)
- Obsidian Cypress color palette (#CAE8E3, #00706F, #003E41, #001E22, #000405)
- Wandering Denim color palette (#F2DCF5, #005CA6, #00592F, #002A51, #000401)
- Hushed Navy Courtyard color palette (#D5F3F8, #007199, #004168, #0A0079, #16004A)
- Sunlit Navy color palette (#C8F2F9, #008BB1, #00568E, #040069, #050019)
- Feathered Delta color palette (#E8EFFF, #9096E1, #8362C3, #003D70, #030123)
- Deep Aubergine Boulevard color palette (#D7E4F4, #00488C, #630075, #003733, #000104)
- Inked Ridge color palette (#DDE7FF, #4560C3, #1911A7, #020042, #00000B)
Browse the whole catalog at Explore, or see today's palette.