Petrol Villa color palette — #EDF2F8 · #D7D6E0 · #C0B9CC · #4B7AA1 · #262D33

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

The five colors

• Ivory (#EDF2F8): bright and airy, almost weightless.
• Silver (#D7D6E0): a clean, paper-quiet neutral.
• Ash (#C0B9CC): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4B7AA1): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#262D33): 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

• Indigo Studio color palette (#F0F1F8, #E1D2E2, #C7B6DE, #7855AD, #222431)
• Dusty Driftwood Coast color palette (#EAF3FF, #B3BAD6, #937297, #47674A, #1C3F32)
• Antique Hollow color palette (#EEF8F4, #E4D3CE, #CEB7B3, #537F6E, #3E4B46)
• Aged Ash Orchard color palette (#F0F6FB, #DCDAE4, #C0B5AF, #77A5C1, #374148)
• Washed Navy Meadow color palette (#E2E7EE, #96A0B4, #73799E, #00346F, #01040C)
• Ancient Chapel color palette (#E0E8F9, #5E6EBC, #352A4C, #0F1623, #03070C)
• Softworn Olive Veranda color palette (#EAF5EC, #B7B785, #6A7E45, #39596D, #182C23)
• Patina Lilac Courtyard color palette (#EBF2FF, #B0E5FF, #9FBBFF, #A37CC8, #131D38)

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