Petrol Villa color palette — #E3ECE5 · #90BAD3 · #0072AB · #004B4F · #001534
Slate takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E3ECE5): a clean, paper-quiet neutral.
- Ash (#90BAD3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0072AB): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001534): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Hushed Cobalt color palette (#ECF4EE, #A2CEEA, #3D7EC4, #005967, #121E3F)
- Weathered Ultramarine Field color palette (#DEE9E0, #70A1CF, #2350B1, #003746, #07032A)
- Periwinkle Lagoon color palette (#EEF4EF, #D5DCF0, #71A1CE, #257882, #2B3747)
- Cerulean Meadow color palette (#D8E3DA, #209AAC, #005168, #002C28, #00050B)
- Navy Pier color palette (#E6F2E8, #557D9D, #00377F, #001E26, #01000C)
- Frosted Plum Pier color palette (#F7E7FF, #BD156D, #5A6500, #005277, #1C000B)
- Soft Mulberry color palette (#EFE1FB, #C0528C, #007E62, #800052, #001710)
- Misty Amber color palette (#F4E3FE, #FFADA9, #D48456, #7A3D6C, #350F17)
Browse the whole catalog at Explore, or see today's palette.