Petrol Villa color palette — #E1EDE3 · #81BCDC · #1C6FB1 · #004A52 · #031238
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E1EDE3): bright and airy, almost weightless.
- Sky (#81BCDC): A luminous, dusty blue — the color of deep harbor water.
- Slate (#1C6FB1): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#031238): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Antique Cobalt color palette (#EBF5ED, #9DCDF6, #597CB4, #00596C, #141F39)
- Antique Aqua Boulevard color palette (#E1EDE3, #67C6C1, #007984, #004D37, #001921)
- Softworn Lilac color palette (#D8EDFF, #B4CAFF, #AE92D5, #00647B, #0A1E38)
- Petrol Hollow color palette (#EDF4EE, #D6DBEF, #829FC0, #397582, #2D3647)
- Washed Cerulean color palette (#E0F1E3, #3B97AE, #00506E, #002C2B, #00050D)
- Misty Cornflower color palette (#E3F0FF, #2591FD, #005CA0, #002A4D, #000410)
- Aged Summit color palette (#D8EDFE, #0089C3, #9C5700, #004C6F, #1F0D00)
- Weathered Mulberry color palette (#DEF0FF, #0071B0, #A52153, #415500, #000C1A)
Browse the whole catalog at Explore, or see today's palette.