Petrol Drift color palette — #F3F4FF · #ECD6FD · #D7A688 · #4D72A0 · #3F354E

Slate and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#ECD6FD): A whisper-light, dusty violet — the color of twilight just after sunset.
• Camel (#D7A688): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#4D72A0): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F354E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged pastel, light, 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

• Tempered Petrol Basin color palette (#EFF6FF, #F1D3EA, #DD95A5, #07818B, #374361)
• Washed Driftwood color palette (#F5F3FF, #EDD8D1, #ADCEAF, #7576A2, #514459)
• Indigo Ridge color palette (#FFECF0, #FDCDCD, #E7A7AD, #7565A9, #34171B)
• Mulberry Orchard color palette (#FFEAF9, #DEBF99, #7DB16E, #863C65, #4A2634)
• Hazy Grape color palette (#FFEDF5, #FFB6A8, #BF9700, #793EA9, #5A202A)
• Aged Periwinkle Dune color palette (#FFF1F6, #F9D0D0, #E4C78D, #73A6DF, #53383D)
• Wandering Ridge color palette (#DDDDF6, #D499A6, #C77A26, #33408A, #39172A)
• Plum Cabin color palette (#FFEFFF, #FDD5A2, #A7C670, #A35892, #653B1D)

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