Petrol Drift color palette — #E3EDE7 · #AB9FA3 · #9F8285 · #006E89 · #000D06

A conversation between Peacock and Heather, giving this palette its sense of trust and stability.

The five colors

• Cream (#E3EDE7): bright and airy, almost weightless.
• Taupe (#AB9FA3): a calm mid-gray that lets other colors speak.
• Heather (#9F8285): A luminous, dusty red — the color of embers at dusk.
• Peacock (#006E89): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#000D06): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cypress Drift color palette (#EBF0E8, #93A4A1, #6E8F90, #00745F, #050B02)
• Aged Drift color palette (#E1DDE2, #AD9C9D, #A3807A, #0062B9, #110412)
• Abyss Thicket color palette (#E7F2FA, #9CA6AF, #77889A, #004C65, #000B14)
• Worn Coast color palette (#DBE7ED, #818F9E, #5E6A89, #002F3B, #000103)
• Antique Boulevard color palette (#C5F3EF, #628E77, #576190, #553F00, #061800)
• Dusty Cornflower Parlor color palette (#E8DEE6, #CABBBB, #C19F95, #4B76EE, #291927)
• Misty Ultramarine color palette (#E8E2D3, #00899A, #2F4EB8, #463A00, #000408)
• Byzantium Corridor color palette (#D7EBE4, #00B8BB, #0098D4, #9F18F6, #010020)

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