Petrol Drift color palette — #F5EDE2 · #83BEBC · #007683 · #00523C · #003442

Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Mint Leaf (#83BEBC): A luminous, dusty teal — the color of sea glass.
• Teal (#007683): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
• 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

• Cerulean Chapel color palette (#F9F4EE, #B2CDB6, #2A849C, #006154, #094058)
• Timeworn Petrol Balcony color palette (#F4EDE3, #88B9D6, #1A6BB1, #004E58, #1C2C52)
• Forest Coast color palette (#F0E7E4, #A0BC9F, #007794, #005018, #00162F)
• Weathered Denim Lagoon color palette (#EBE2D5, #81AA90, #006080, #003E3B, #00213A)
• Cypress Orchard color palette (#F9F4EE, #CCE4DE, #7CA48A, #457B6C, #345245)
• Turquoise Orchard color palette (#E8F2E9, #A3E1DE, #00B9CC, #009470, #003442)
• Cerulean Market color palette (#ECE2D4, #388E9C, #004357, #00231F, #000A15)
• Crimson Delta color palette (#F9D5C9, #CF4A59, #007A77, #8B0027, #00302F)

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