Petrol Drift color palette — #D9EBEF · #5EA2C2 · #396D9D · #543966 · #3B1839

Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D9EBEF): bright and airy, almost weightless.
• Blue Fog (#5EA2C2): A luminous, balanced blue — the color of open sky before noon.
• Slate (#396D9D): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#543966): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#3B1839): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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

• Petrol Ridge color palette (#D4ECFD, #6088BB, #54619A, #592F4F, #34021D)
• Timeworn Cypress color palette (#CCECDA, #5EA797, #007979, #294472, #1F214B)
• Ancient Hollow color palette (#DEE6FF, #9592C5, #7A6294, #6F2C3B, #4D1815)
• Washed Cobalt color palette (#DDEDEB, #76BCDA, #0B7EB0, #005766, #002139)
• Tempered Lagoon color palette (#EBF7FF, #B0CBE5, #899FC0, #736C8B, #544862)
• Mulberry Field color palette (#D8EBFA, #84ABEC, #7984CB, #833F6F, #5C2138)
• Muted Cocoa color palette (#DDE9D9, #62939D, #1B5D7F, #5C2307, #3A2B00)
• Muted Basin color palette (#DCEBF8, #249BF3, #0065A3, #003A5C, #000C1A)

Browse the whole catalog at Explore, or see today's palette.