Petrol Villa color palette — #EEF7FA · #D7DBE6 · #BEBECD · #268389 · #3F4A4E

Teal takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF7FA): a clean, paper-quiet neutral.
• Silver (#D7DBE6): a clean, paper-quiet neutral.
• Stone (#BEBECD): A luminous, dusty violet — the color of wild irises.
• Teal (#268389): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3F4A4E): 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

• Petrol Quarry color palette (#F0F6FC, #DDD7E8, #BAB8D6, #396BAB, #334152)
• Petrol Courtyard color palette (#EEF4EF, #CFDAD9, #ABC2C2, #008493, #262F28)
• Driftwood Meadow color palette (#E4F9FF, #99BCD7, #7881A5, #506758, #2C514D)
• Hushed Market color palette (#D7E2E7, #9AACBB, #728098, #003F49, #02171F)
• Washed Summit color palette (#EAEDFA, #B8B7C4, #93899D, #443878, #1B1E2E)
• Weathered Petrol Chapel color palette (#FFF1F6, #45A9AC, #446BA0, #6E4214, #214252)
• Dusty Pewter Study color palette (#E9F8FC, #319B92, #784F8F, #604100, #3A3B00)
• Chalky Summit color palette (#EBF7FF, #8BFCE0, #4CCAFC, #857DCE, #26445E)

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