Petrol Villa color palette — #E9F2F7 · #B7C6D3 · #93A7BF · #006C81 · #0D222C
Peacock takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E9F2F7): bright and airy, almost weightless.
- Stone (#B7C6D3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#93A7BF): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006C81): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#0D222C): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Washed Abyss Meadow color palette (#DEEAEF, #ABBBCA, #828EA6, #004D5A, #06232E)
- Aged Alley color palette (#EEF8F2, #C9DFDF, #9DC5B8, #006A83, #001107)
- Tempered Pewter color palette (#ECEEF7, #D6D5E8, #BAB4C7, #7467A0, #2A2D3C)
- Navy Lantern color palette (#DEE4EF, #A0A4B5, #8482A4, #334079, #040914)
- Hushed Periwinkle color palette (#DAF2FF, #7A94C9, #706495, #654254, #143520)
- Jade Veranda color palette (#DEEFEA, #55A767, #007254, #004F52, #00201E)
- Ancient Indigo color palette (#D1E5F4, #00C0D6, #00A4E8, #5C61D4, #001A34)
- Washed Meadow color palette (#D1EDD7, #008EB2, #254FB3, #691300, #001828)
Browse the whole catalog at Explore, or see today's palette.