Petrol Drift color palette — #EDF3F7 · #D5D6DD · #BBBAC7 · #1980A2 · #212E36

Cerulean and Onyx set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D5D6DD): bright and airy, almost weightless.
• Ash (#BBBAC7): soft and architectural.
• Cerulean (#1980A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#212E36): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Weathered Veranda color palette (#F0F7F3, #E0D3D1, #D0B6B5, #387F91, #414A45)
• Tempered Lagoon Harbor color palette (#E7F6F3, #93BCBC, #3B8473, #0D606A, #002E2E)
• Tempered Studio color palette (#DEE6ED, #96A1AE, #6E7B9A, #003B57, #00050C)
• Softworn Denim color palette (#ECF3FA, #CBD4E3, #A0AACE, #005E9E, #041B30)
• Muted Quarry color palette (#F0F6FA, #D9D9E0, #BDB2AE, #44ADCA, #364147)
• Chestnut Cabin color palette (#E1F1FF, #AEB9CC, #917CA2, #744E2B, #173D28)
• Dusty Cocoa Alley color palette (#E6F7E9, #62A5C9, #5967A0, #772A00, #112437)
• Hazy Iris Market color palette (#E8F3FF, #92EDFF, #88C4FF, #867AD7, #152243)

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