Petrol Villa color palette — #EFF7F3 · #D0DEDE · #B0C4C6 · #497D8D · #404B45

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#D0DEDE): a clean, paper-quiet neutral.
• Stone (#B0C4C6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#497D8D): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#404B45): 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

• Wandering Petrol color palette (#EDF4EF, #CCDBDC, #CABBC0, #3A8091, #262E29)
• Ancient Pewter color palette (#FAF2F8, #E6D7D8, #D1BABA, #886981, #4D454B)
• Patina Fern color palette (#F5F7E5, #8DBD9A, #4D8068, #515E4B, #3D4900)
• Washed Abyss color palette (#D4E6DD, #96B0A7, #8B778D, #003D54, #041811)
• Soft Sky Parlor color palette (#DFFDF1, #A5EBFF, #52C4FC, #5F8AC6, #27473F)
• Denim Workshop color palette (#E6FBF4, #DECCDF, #93A7CE, #006094, #233832)
• Muted Turquoise color palette (#F1F7F2, #D1DEE0, #B9BAAE, #60BBCA, #404B43)
• Cobalt Dune color palette (#D4EBE3, #0076BC, #3E2B3D, #14221E, #060E0E)

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