Petrol Drift color palette — #EDF4EF · #DCD0CF · #C8B4B4 · #3A8092 · #272E2A

Built around Slate, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Oat (#DCD0CF): a clean, paper-quiet neutral.
• Rosewood Mist (#C8B4B4): A luminous, dusty red — the color of late-summer berries.
• Slate (#3A8092): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#272E2A): quiet, heavy and certain.

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

• Petrol Courtyard color palette (#F0F7F3, #D2DDDE, #D2BBC1, #317E9A, #3D4C44)
• Aged Sapphire Corridor color palette (#F8EFF5, #E7D1CE, #D6B6B5, #5263B5, #2C2129)
• Driftwood Garden color palette (#F5F0F6, #DED5D5, #B5ADA5, #917A94, #3A343B)
• Weathered Pewter Harbor color palette (#F6F2E6, #B2B794, #657D5A, #3B5D52, #272A10)
• Washed Atelier color palette (#E2F2EA, #A89BA5, #92717D, #003C51, #000603)
• Ancient Fern color palette (#E4F3DA, #95BEAA, #987787, #5C5F12, #3B3D00)
• Antique Denim color palette (#EEE6EB, #D7C7C9, #B39E9B, #504991, #1F1119)
• Weathered Coast color palette (#FDF0DB, #4EADB3, #5E65A3, #594308, #09291E)

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