Petrol Villa color palette — #EEF2F9 · #D8D5DD · #C1B8C6 · #62749C · #272C34

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

The five colors

• Ivory (#EEF2F9): bright and airy, almost weightless.
• Silver (#D8D5DD): bright and airy, almost weightless.
• Ash (#C1B8C6): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#62749C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#272C34): quiet, heavy and certain.

Feels like: 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

• Hushed Canyon color palette (#E9EFFF, #B7B6DA, #8A7C9A, #496054, #1C3C36)
• Antique Mulberry Orchard color palette (#F2F1F8, #DED2DB, #C9B8CF, #8B4F99, #252234)
• Patina Courtyard color palette (#F8F3F8, #E2D8D7, #CFBBB3, #4C74B2, #4E444E)
• Dusty Cypress Lagoon color palette (#EAF5EF, #8DBFB2, #49817B, #40576E, #0D2E27)
• Ash Delta color palette (#F1F6FC, #DDD9E1, #BBB2AA, #81A0CD, #3A4047)
• Grape Field color palette (#EEF1FD, #D1D1E9, #AEA5C7, #5A3FBA, #151928)
• Iris Orchard color palette (#E6F7E9, #8598DF, #7B5D8D, #5C4100, #1C2137)
• Weathered Mulberry color palette (#EAE7F1, #D0C8D6, #AE9DB0, #743E6E, #181223)

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