Petrol Drift color palette — #EBF0D0 · #639477 · #007299 · #614200 · #160C00

Peacock and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#EBF0D0): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#639477): A luminous, dusty teal — the color of glacier melt.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#614200): A full-bodied, balanced gold — the color of old brass.
• Ink (#160C00): A deep, shadowed, dusty gold — the color of old brass.

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

• Dusty Cocoa Canyon color palette (#E9DDC3, #5B966D, #007482, #7F3129, #230101)
• Wandering Garden color palette (#D9EFE8, #3D9D76, #007073, #3D5015, #000808)
• Tempered Petrol color palette (#D6EBDF, #4792A6, #5D62A1, #514307, #001709)
• Chestnut Dune color palette (#C6F0FA, #007D8F, #875D00, #535200, #000203)
• Timeworn Denim Basin color palette (#C9F0E8, #2C818A, #185C8A, #53182F, #280200)
• Sunlit Pewter Veranda color palette (#C1E8E3, #6895C0, #9162A5, #4C602C, #182500)
• Wandering Cerulean color palette (#D6EEE7, #008C9C, #25597F, #301D38, #040000)
• Inked Cypress Corridor color palette (#D5E8D6, #296C68, #183D56, #2D1000, #060200)

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