Petrol Villa color palette — #F0F6FB · #DBD9E1 · #C6BBCC · #4579A6 · #414950

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

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#DBD9E1): bright and airy, almost weightless.
• Stone (#C6BBCC): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4579A6): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#414950): 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

• Driftwood Chapel color palette (#DBF0FF, #B3C0D7, #9B7FA3, #3A6D64, #305162)
• Pewter Ridge color palette (#F6EFF6, #E3D4D7, #CEB7BA, #866A87, #302A30)
• Antique Quarry color palette (#DFE5F2, #5F68B9, #312E4A, #191F2C, #0B0C13)
• Navy Chapel color palette (#E3E9F2, #A2A9BC, #7E7B99, #003475, #091422)
• Washed Olive color palette (#EFF8EF, #B7B182, #637D42, #4B5978, #2F493C)
• Worn Ultramarine Grove color palette (#F0F5FF, #CED1E3, #BE98BF, #2E4BC1, #2A3343)
• Garnet Orchard color palette (#EDEBF3, #C0B4C4, #9F8598, #67285E, #211D28)
• Sky Station color palette (#EEF7F5, #DED4D1, #83B0DF, #A5A59A, #3B4C48)

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