Petrol Villa color palette — #F1F5FD · #E1D6E6 · #C4B5D1 · #5264AD · #3A404B
A conversation between Slate and Ash, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F1F5FD): a clean, paper-quiet neutral.
- Silver (#E1D6E6): A whisper-light, dusty pink — the color of a candy shop window.
- Ash (#C4B5D1): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#5264AD): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#3A404B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, 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
- Dusty Indigo color palette (#F9EEF4, #E3D1D1, #D7B4C0, #645FAF, #2D2128)
- Weathered Chapel color palette (#EAEEF9, #CCC9DC, #A99AAF, #4E4C8A, #282D3D)
- Driftwood Alley color palette (#F7F3FB, #E4D7DA, #B1ADA3, #8B7A99, #545158)
- Timeworn Basalt color palette (#E7E5EE, #B1A4B6, #947488, #511F55, #151022)
- Patina Archive color palette (#F7F3FF, #E3C9E3, #C69D84, #8F287B, #35303E)
- Softworn Bloom color palette (#E2F0FF, #C09FE1, #AF636E, #2B6B54, #005153)
- Tempered Iris Harbor color palette (#FBF2F8, #E7D5D3, #AEAD9E, #8E9AFF, #4B3A45)
- Onyx Loft color palette (#E5DCE9, #A793A0, #5E795E, #51052A, #0E0612)
Browse the whole catalog at Explore, or see today's palette.