Petrol Villa color palette — #EBF3F8 · #D7D8E6 · #C1BBCA · #3A808E · #242E32

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF3F8): a clean, paper-quiet neutral.
• Silver (#D7D8E6): a clean, paper-quiet neutral.
• Stone (#C1BBCA): A luminous, dusty violet — the color of wild irises.
• Slate (#3A808E): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242E32): a grounded near-black with real depth.

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

• Hushed Petrol color palette (#EFF6FB, #D7DAE2, #BCBECC, #377E97, #41494E)
• Weathered Pewter Balcony color palette (#EFF1F9, #DED2DD, #C0B1C3, #635C90, #1E2028)
• Softworn Stone Coast color palette (#E9F5EF, #96C191, #418374, #445868, #152C29)
• Weathered Abyss color palette (#DCE5EB, #92A1B6, #75799C, #003D4D, #00050A)
• Powder Cabin color palette (#D5F6FF, #9AB5D9, #837F9F, #476455, #2D4036)
• Inked Cobalt color palette (#D2E1EF, #007AC5, #2B2F47, #0C1721, #02070B)
• Muted Aubergine color palette (#E0E1F0, #B7AFC3, #9D849E, #4E307A, #090A14)
• Pale Cerulean color palette (#E4F5FF, #009CC2, #925033, #5C3700, #05250D)

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