Petrol Villa color palette — #F2F5FF · #A9D0B1 · #7167A5 · #423C62 · #1E212D

Slate takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Pistachio (#A9D0B1): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#7167A5): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#423C62): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#1E212D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Basalt Villa color palette (#F7F3FE, #D6C297, #8E6081, #5D3051, #241F2C)
• Wandering Denim Orchard color palette (#F1F5FF, #A3B780, #444A88, #262A4C, #1E1B25)
• Muted Canyon color palette (#FBF2FB, #AAE8A7, #7996C5, #735972, #281E27)
• Cobalt Loft color palette (#FFF0F8, #FFE2A5, #756CA9, #4D2C3E, #170B12)
• Softworn Violet Ridge color palette (#F4F4FB, #CEB9EC, #CB726E, #9761D0, #2E1E2C)
• Weathered Ash color palette (#F5F4FA, #E2D8DE, #D1BBC4, #AC7CAE, #484650)
• Lilac Courtyard color palette (#F4F4FF, #A47EC7, #957A1D, #007254, #1C2E40)
• Airy Grape color palette (#E3E2F8, #D5A215, #7D2CA5, #460062, #0F0B23)

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