Petrol Villa color palette — #ECF3F9 · #DAD6E3 · #C7B8C8 · #597896 · #262D34

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

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#DAD6E3): bright and airy, almost weightless.
• Stone (#C7B8C8): A luminous, dusty pink — the color of peonies in June.
• Slate (#597896): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#262D34): quiet, heavy and certain.

Feels like: 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

• Aged Petrol Quarry color palette (#F1F6FC, #DBD9E3, #C1BDCC, #5D759B, #414852)
• Indigo Workshop color palette (#F0F1F9, #E7D1E1, #CCB8CB, #7858A4, #222334)
• Washed Harbor color palette (#D8F1FF, #B3B3E2, #8B7B93, #45635E, #193E38)
• Navy Alley color palette (#D8E1EE, #999EBA, #807597, #003371, #00040F)
• Timeworn Workshop color palette (#DBE1F1, #6666CD, #332D43, #111521, #03070B)
• Antique Ridge color palette (#FBEEF2, #BEB674, #617F54, #53516C, #162D21)
• Antique Denim Market color palette (#E8E8F1, #D1C7D9, #B39BAE, #67447B, #151421)
• Wandering Hollow color palette (#EBF2FF, #92EFFF, #A9ABFF, #C1728B, #1E2137)

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