Petrol Drift color palette — #EEF7FA · #D5DAE2 · #B9BFCB · #457F84 · #3E4A4E

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

The five colors

• Ivory (#EEF7FA): a clean, paper-quiet neutral.
• Silver (#D5DAE2): bright and airy, almost weightless.
• Ash (#B9BFCB): a calm mid-gray that lets other colors speak.
• Slate (#457F84): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3E4A4E): 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

• Lagoon Boulevard color palette (#F2F7F2, #D2DEDD, #D0BAB7, #33A1A2, #404B40)
• Worn Petrol Drift color palette (#F0F6FD, #DAD7E8, #B3BCD1, #3A6AAF, #334152)
• Wandering Lagoon color palette (#ECF3F6, #D4D7DE, #BABBCD, #008687, #1E2F34)
• Abyss Terrace color palette (#DEE7EB, #97ADBA, #688397, #003F4A, #001721)
• Patina Pine Basin color palette (#E8FAF4, #87BCB2, #538058, #376264, #2E4844)
• Pewter Archive color palette (#E2F1FF, #9FB0CA, #7F88A0, #695A79, #5B424E)
• Ancient Aubergine Terrace color palette (#E2E4ED, #B6B8C7, #8C8BA4, #46357F, #191E32)
• Sky Cabin color palette (#EBF7FF, #99F5FF, #44C2E8, #5894CC, #223C4F)

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