Petrol Drift color palette — #EEF0E2 · #7CBEC7 · #007588 · #00504E · #003442

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Cream (#EEF0E2): bright and airy, almost weightless.
• Ash (#7CBEC7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Wandering Petrol color palette (#F5E6DF, #67C4CF, #007699, #004D3B, #00172E)
• Sapphire Corridor color palette (#ECF0E5, #91B5D9, #1665C4, #004B6A, #1D2C4E)
• Wandering Cerulean Balcony color palette (#F7EAF4, #6AD7E4, #0093BE, #006F54, #0F304D)
• Weathered Pine Loft color palette (#E8F8D6, #89D9C9, #00B3B3, #177539, #074135)
• Patina Lagoon color palette (#EEEEE1, #36A29C, #005557, #003128, #00181B)
• Softworn Emerald color palette (#FBEAE4, #99E1EA, #2FB1ED, #00965E, #122A5D)
• Cerulean Study color palette (#F4F6F0, #C0E6D9, #528FC7, #006C8B, #563E57)
• Quiet Cabin color palette (#E2F0D0, #007F5B, #00678B, #594D00, #002719)

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