Petrol Villa color palette — #E8F0F6 · #CFD8E4 · #ADB7D0 · #227AA9 · #232F3A
Cerulean takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E8F0F6): bright and airy, almost weightless.
- Silver (#CFD8E4): a clean, paper-quiet neutral.
- Ash (#ADB7D0): A luminous, dusty violet — the color of twilight just after sunset.
- Cerulean (#227AA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#232F3A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Worn Thicket color palette (#F0F7F4, #E7D2CF, #D5B0A3, #007FB7, #0F231C)
- Washed Denim color palette (#DFE8F3, #BFC4D0, #9FA3BC, #305EAA, #17202C)
- Indigo Ridge color palette (#F2F5FF, #DCDBF5, #C2B7DB, #7D62C8, #2E3243)
- Ash Study color palette (#F1F5FC, #DCD8E0, #C7BCCA, #7E8DBD, #434851)
- Cornflower Terrace color palette (#CFE4FA, #2A88E4, #973E73, #583D00, #00261E)
- Timeworn Basalt color palette (#E1EEFD, #A9A8D5, #9374A1, #436043, #3F3E00)
- Hushed Olive Market color palette (#D7EBD9, #AFA672, #6C7A25, #075F74, #302900)
- Azure Dune color palette (#CAE7CF, #3599E3, #635BB0, #6F3600, #112341)
Browse the whole catalog at Explore, or see today's palette.