Petrol Drift color palette — #E7F6EC · #80BECF · #CE8583 · #007F96 · #372F2C

Cerulean and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E7F6EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#80BECF): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#CE8583): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#007F96): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#372F2C): quiet, heavy and certain.

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

• Hushed Coral Study color palette (#ECF9F0, #6CBECC, #CF8078, #008190, #534B48)
• Timeworn Pine Delta color palette (#EEF4E9, #83C3AA, #C98794, #008665, #49261F)
• Hushed Cobalt color palette (#F9EEF9, #95B6DF, #B59763, #3773B8, #35302A)
• Patina Cerulean color palette (#E7F9FF, #81D4DB, #E89B84, #009FA8, #5F4356)
• Rust Harbor color palette (#E4F7EE, #63A5C7, #BF7678, #AE5C60, #162C24)
• Gentle Bronze color palette (#E1F9EB, #00A9CE, #BC6C00, #00667D, #331900)
• Hushed Ash Lagoon color palette (#E8F7E8, #ECD4D0, #ADA897, #729E84, #2E473B)
• Hushed Pewter color palette (#F5F0F5, #DDBD9E, #735672, #3E283E, #1A101A)

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