Petrol Drift color palette — #D8FFF3 · #88D2CE · #57A0B0 · #5660A3 · #3A2D58
Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#D8FFF3): A whisper-light, dusty teal — the color of sea glass.
- Lagoon (#88D2CE): A luminous, dusty teal — the color of sea glass.
- Blue Fog (#57A0B0): A luminous, dusty blue — the color of deep harbor water.
- Slate (#5660A3): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#3A2D58): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, 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
- Linen Dune color palette (#E0FFDE, #86DCB0, #489B8D, #326990, #0A2960)
- Wandering Powder color palette (#E9F8FF, #AFD1EF, #8B9EB9, #726B85, #3C3147)
- Onyx Alley color palette (#E6F9FF, #84C4E5, #6988AF, #575373, #491B3E)
- Aubergine Market color palette (#D0F6F3, #5CACBA, #007BA6, #4E3983, #492A5B)
- Patina Onyx Harbor color palette (#D0E8FF, #97AAD1, #72719F, #61364C, #320212)
- Hushed Glacier color palette (#E5F9FF, #6AE5FF, #008FA5, #004957, #000D12)
- Washed Boulevard color palette (#D1EBEF, #3E879F, #1F5475, #29173C, #030004)
- Sunlit Denim color palette (#D5E2FF, #8183BD, #654E88, #5A1B2E, #260001)
Browse the whole catalog at Explore, or see today's palette.