Petrol Drift color palette — #F8EAF1 · #79BBDA · #3868AC · #005147 · #2C2751

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Sky (#79BBDA): A luminous, balanced blue — the color of open sky before noon.
• Slate (#3868AC): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2C2751): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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

• Dusty Forest color palette (#F4EBF3, #66C3C4, #007392, #005421, #0C2E54)
• Ancient Cobalt Orchard color palette (#FCF2F5, #98CCF0, #6076AE, #00605D, #333758)
• Dusty Petrol Boulevard color palette (#E8EBDE, #81BDDA, #1E72A1, #004957, #00172C)
• Antique Cerulean Harbor color palette (#F3DEED, #269FB5, #004E78, #003122, #080D37)
• Aged Courtyard color palette (#FBF2FA, #B5E5F7, #5093B5, #37704F, #39495E)
• Chalky Periwinkle Studio color palette (#F4EDE8, #ABDBF3, #58A8FD, #009190, #20275D)
• Wandering Plum Terrace color palette (#F5D7E3, #BE007B, #006D6B, #064F64, #271732)
• Taupe Summit color palette (#FFE6F6, #FFA99E, #B29F40, #654C8A, #3E2A41)

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