Petrol Drift color palette — #EDF2F8 · #D6D4E0 · #AFB6D1 · #2E67A0 · #18212C

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

The five colors

• Ivory (#EDF2F8): bright and airy, almost weightless.
• Silver (#D6D4E0): bright and airy, almost weightless.
• Ash (#AFB6D1): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#2E67A0): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#18212C): 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

• Tempered Petrol color palette (#EEF8F4, #E9D6D8, #C5ACB1, #39698C, #2F3E39)
• Worn Grape color palette (#EEF1FE, #D2D1E7, #B0A5C6, #663CB2, #171926)
• Tempered Parlor color palette (#F0F6FB, #DCD9E4, #BEB2AB, #4F91C0, #25303A)
• Washed Plum color palette (#F2F0F8, #E5D1DE, #D1B3D7, #934A92, #262233)
• Pewter Station color palette (#D1E0F8, #A69CC8, #896087, #3D5945, #003026)
• Wandering Navy Coast color palette (#DADFE5, #ACB3C4, #9485AC, #103C91, #050B14)
• Eclipse Lapis Summit color palette (#E1E7F7, #5556B8, #2C1B3F, #050B1E, #010206)
• Worn Olive color palette (#EBF5EE, #A0A56B, #4F702C, #274A62, #062219)

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