Petrol Drift color palette — #ECF3F8 · #D5D6DD · #BCB9C8 · #427C9C · #242D35

A conversation between Slate and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D5D6DD): bright and airy, almost weightless.
• Ash (#BCB9C8): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#427C9C): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242D35): a grounded near-black with real depth.

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

• Washed Petrol color palette (#F0F7F4, #DFD4D1, #CDB7B4, #0480A5, #404A45)
• Timeworn Forest Chapel color palette (#E2F0FF, #A4B1D4, #7F7C9F, #445E43, #1F392C)
• Weathered Pewter color palette (#F1F1F8, #DBD3DA, #BDB2C5, #745689, #1F1F2C)
• Ancient Lagoon color palette (#E7F5F4, #8FC0AA, #408279, #395A6A, #0C2D2E)
• Wandering Navy color palette (#DFE8F0, #97A1B0, #727B95, #00395E, #00050D)
• Cobalt Ridge color palette (#DAE7F9, #4A73BF, #2A3044, #0D1623, #03070C)
• Wandering Bloom color palette (#E9F3FF, #B3E8FF, #95C7FF, #9280C8, #18263C)
• Dusty Bloom color palette (#E3F8E7, #66A3CF, #62659B, #6B3611, #132437)

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