Petrol Villa color palette — #E1F2F1 · #7EBFEA · #006BAF · #003B4D · #00020A
Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E1F2F1): bright and airy, almost weightless.
- Sky (#7EBFEA): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006BAF): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003B4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Softworn Aqua Garden color palette (#E2F2EF, #6AC9C9, #00757E, #003F37, #000304)
- Pale Grape color palette (#CBE2F8, #006BAF, #7B28A1, #004E44, #000104)
- Cerulean Pier color palette (#C2ECFB, #0088B1, #005E84, #002C47, #000104)
- Muted Lilac Bloom color palette (#E4EFFF, #BBCCFF, #9F91EE, #00649D, #000116)
- Navy Courtyard color palette (#F8ECE1, #4992BD, #00439B, #002B2E, #03001B)
- Olive Canyon color palette (#E1F2FF, #0088C0, #247C00, #00415E, #000200)
- Linen Periwinkle Villa color palette (#D9E9FF, #5294F6, #004A9F, #001331, #000105)
- Quiet Cornflower Meadow color palette (#FCEAF2, #7EB8DE, #4E81D8, #006C73, #11053E)
Browse the whole catalog at Explore, or see today's palette.