Petrol Villa color palette — #F1F6FB · #DADAE4 · #C0BDCE · #4A78A4 · #42484F

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DADAE4): bright and airy, almost weightless.
• Stone (#C0BDCE): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4A78A4): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#42484F): 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

• Petrol Chapel color palette (#ECF3F9, #D9D7E5, #C1BAC7, #577996, #262D33)
• Grape Parlor color palette (#F4F4FB, #E1D6E3, #BEB6DA, #7D51AC, #3E3F4B)
• Hushed Driftwood color palette (#F1F5FF, #B4B7D3, #8984AA, #755C71, #5D4955)
• Wandering Iris color palette (#F0F5FF, #D7D8F8, #93B1FF, #8A79CE, #2F3C5B)
• Tempered Olive color palette (#EEF8F3, #8DBBAA, #677C44, #3A6167, #2C493F)
• Indigo Thicket color palette (#DEE5F2, #5B68BD, #2B3149, #191F2B, #0C0C12)
• Ultramarine Parlor color palette (#F0F5FF, #C8D2ED, #A8A0CA, #3849C0, #2A3343)
• Antique Garden color palette (#E2E7EF, #A1AAB9, #797BA4, #002F80, #081424)

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