Petrol Drift color palette — #EAF9F8 · #609F75 · #00769F · #753A43 · #293C3B

Slate and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF9F8): bright and airy, almost weightless.
• Moss (#609F75): A luminous, balanced teal — the color of glacier melt.
• Slate (#00769F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Oxblood (#753A43): A full-bodied, balanced red — the color of embers at dusk.
• Deep Teal (#293C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Softworn Summit color palette (#FBF1FE, #92B477, #008795, #7C4754, #364C4D)
• Worn Denim color palette (#EDF8F7, #5B966E, #585CA6, #6C470F, #223534)
• Washed Taupe color palette (#EEF8F3, #999E57, #636BA6, #764532, #57364B)
• Patina Delta color palette (#F2F3E7, #5D9C4C, #5B6AA7, #673852, #251B10)
• Aged Bronze color palette (#FFF1F5, #AD7531, #007080, #733A5B, #3C2C31)
• Ancient Jade Veranda color palette (#E8FAF5, #7AB462, #7B86C4, #835569, #2F3A2E)
• Worn Corridor color palette (#EFF7F6, #D4DCE1, #B1A9B2, #598D86, #4B5553)
• Lagoon Summit color palette (#DBFFED, #9AC595, #1D937F, #006978, #294C76)

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