Petrol Villa color palette — #EDF3F7 · #D6D6DF · #C3B9D1 · #387DA0 · #242D34

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

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D6D6DF): a clean, paper-quiet neutral.
• Ash (#C3B9D1): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#387DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#242D34): 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

• Weathered Petrol Lagoon color palette (#EFF6FC, #D9D9E4, #BEBDCD, #587893, #42494E)
• Hushed Studio color palette (#EFF1FA, #E0D2E3, #C8B7D9, #685BB4, #21242F)
• Washed Alley color palette (#E9F5F2, #89BFBF, #22857E, #365972, #0D2D2D)
• Inked Cobalt Cabin color palette (#D7E0EC, #4B72C2, #2C2E4A, #0D1624, #02070C)
• Ancient Navy color palette (#DEE8F0, #97A0B1, #82739C, #00395D, #00050D)
• Aged Turquoise Alley color palette (#EFF7F4, #E1D3D2, #C1BDB0, #6CA5CE, #38423E)
• Denim Corridor color palette (#E7E8EF, #CCC8DA, #AC9DB5, #5C4784, #14151F)
• Powdered Lilac Courtyard color palette (#E9F3FF, #92F5FF, #95BCFF, #AB72C4, #131F38)

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