Petrol Drift color palette — #E9F6ED · #73C1D4 · #C38E78 · #007F95 · #362F2B

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F6ED): bright and airy, almost weightless.
• Cyan (#73C1D4): A luminous, balanced blue — the color of deep harbor water.
• Camel (#C38E78): A luminous, dusty orange — the color of sun-warmed clay.
• Teal (#007F95): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#362F2B): quiet, heavy and certain.

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

• Patina Cypress Atelier color palette (#EDF5E6, #87C2AC, #C388A1, #328269, #492523)
• Worn Petrol Chapel color palette (#EBF9F0, #7CBBCE, #C58777, #00809A, #753B17)
• Muted Cobalt color palette (#F9EEF5, #AAAFDE, #B99568, #666AAC, #35302A)
• Tempered Alley color palette (#E8F8FF, #93D0DA, #E0A17C, #009EAF, #644053)
• Turquoise Lagoon color palette (#E1F8EE, #5CA6CD, #B57E6C, #A46652, #162D24)
• Wandering Driftwood Field color palette (#E2F8EB, #F7D9D4, #E2BDB4, #879573, #2B3E37)
• Denim Hollow color palette (#D4FDEE, #A7D7F7, #5990B0, #175470, #002418)
• Aged Corridor color palette (#F7EFF6, #D9BF9B, #745670, #3F283D, #1A1019)

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