Petrol Villa color palette — #F0F7F4 · #DFD4D2 · #CEB6B9 · #3C7CA0 · #3E4B46
Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F7F4): bright and airy, almost weightless.
- Silver (#DFD4D2): a clean, paper-quiet neutral.
- Stone (#CEB6B9): A luminous, dusty red — the color of embers at dusk.
- Slate (#3C7CA0): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#3E4B46): 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
- Tempered Indigo Pier color palette (#FBF2F6, #E4D6D3, #D8B0B5, #6D55B9, #4A3B42)
- Aged Studio color palette (#EFF6FC, #D9D9E4, #BAAEB9, #A192B6, #404950)
- Worn Fern color palette (#F4F6EC, #A5B792, #23847B, #296271, #324B07)
- Wandering Dune color palette (#ECE0EA, #4D6EB6, #412A37, #2A1828, #091718)
- Aged Ultramarine color palette (#F9F3F9, #E0CCD9, #C399AB, #0054BA, #3E2C3D)
- Timeworn Chestnut color palette (#E0FDF4, #CEAEC3, #9C7C84, #885D1E, #455813)
- Patina Navy color palette (#E5F0ED, #B3A4B0, #977387, #003A62, #011913)
- Gentle Thicket color palette (#FFF4E2, #689EC8, #6260A4, #793900, #4C334C)
Browse the whole catalog at Explore, or see today's palette.