Petrol Villa color palette — #EFF6FD · #DAD7EB · #B1BBDB · #3C6E9C · #38414A

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Silver (#DAD7EB): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B1BBDB): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#3C6E9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#38414A): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Villa 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

• Petrol Studio color palette (#EDF3F8, #D8D4E8, #BABDD9, #1B71AA, #172734)
• Antique Denim Chapel color palette (#E8EFF8, #C3CCE0, #9B9EB9, #365585, #242F3D)
• Cerulean Coast color palette (#EDF8F4, #F1DADE, #DABEBB, #4D8CBE, #29463E)
• Aged Driftwood color palette (#F5F4FC, #E3D7DF, #B8ABA4, #837D99, #535158)
• Lilac Garden color palette (#DAE7FF, #B9A4EF, #927292, #496950, #235155)
• Washed Aubergine color palette (#F4F4FF, #D7CDEB, #C797A9, #783A93, #323140)
• Aubergine Studio color palette (#E5E7F7, #AAA6BA, #857993, #461D6E, #12121F)
• Hushed Periwinkle color palette (#F9F3FA, #E4D5D9, #B6AA9D, #56A9FD, #4A384D)

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