Petrol Villa color palette — #F0F6FE · #DBD7EC · #AEBBDE · #4069AE · #37414E

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

The five colors

• Ivory (#F0F6FE): bright and airy, almost weightless.
• Silver (#DBD7EC): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#AEBBDE): A luminous, dusty violet — the color of wild irises.
• Slate (#4069AE): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#37414E): A deep, shadowed, dusty blue — the color of open sky before noon.

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 Harbor color palette (#EAF3FC, #D9D3E7, #BCBCD5, #376EA6, #1A2633)
• Tempered Denim Bloom color palette (#EBEFF5, #C7CCD8, #979EC1, #3D4E94, #292E38)
• Softworn Cobalt color palette (#FAF2FB, #EBD4D6, #DBB6B1, #4D8AC8, #463B48)
• Ancient Archive color palette (#EEE8FF, #C19BD3, #95688F, #7D4D41, #633F27)
• Weathered Violet color palette (#F1F5FF, #AACDFF, #909DFF, #985BE7, #36325C)
• Tempered Mulberry color palette (#F6F3FF, #D5CFE0, #CA94AF, #872D8B, #34303F)
• Aubergine Parlor color palette (#DCDFE9, #B6B8C7, #8C89AD, #4A2990, #1C1F29)
• Onyx Study color palette (#EAE5EF, #A095A5, #7C6980, #510037, #0D0613)

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