Petrol Villa color palette — #E9EFF4 · #CFD9E1 · #A8B9CE · #007CA9 · #21303A
A conversation between Cerulean and Ash, giving this palette its sense of trust and stability.
The five colors
- Cream (#E9EFF4): bright and airy, almost weightless.
- Silver (#CFD9E1): a clean, paper-quiet neutral.
- Ash (#A8B9CE): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007CA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#21303A): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Aged Loft color palette (#E9F0F4, #C2CDDB, #949FC0, #005E78, #1F303B)
- Cypress Loft color palette (#D3EAEA, #73B49E, #008474, #006264, #003033)
- Patina Atelier color palette (#F2F5FF, #D9DCF3, #BAB9E2, #7859E2, #2C3149)
- Washed Thicket color palette (#DFE0EE, #BE9CC4, #827499, #8C4525, #532B00)
- Quiet Lantern color palette (#EBD6ED, #5892E8, #5B5CB7, #830052, #132146)
- Nightshade Archive color palette (#E7EAF1, #AFB4C3, #8F93B1, #403BB5, #0E1321)
- Pale Sapphire color palette (#D8E8FE, #1F6BDE, #272F59, #06162C, #00050E)
- Antique Indigo Dune color palette (#EEF6FF, #77CBFF, #7DB0FF, #736EFF, #0C1F4B)
Browse the whole catalog at Explore, or see today's palette.