Petrol Villa color palette — #DDEDEC · #99B8CE · #0072AA · #004959 · #00172D

Slate takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DDEDEC): bright and airy, almost weightless.
• Ash (#99B8CE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004959): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Wandering Harbor color palette (#EBF4F4, #B1CBE2, #457EBF, #005775, #081E47)
• Airy Station color palette (#DCEDFF, #B0C4EF, #9294E8, #005E89, #011534)
• Cypress Chapel color palette (#DEEBE8, #6BA9A8, #00646B, #003A32, #000D11)
• Timeworn Grape Veranda color palette (#E1EBF6, #0070B0, #7F30AC, #00594C, #000C19)
• Timeworn Olive Cabin color palette (#D0E5F6, #1089C0, #337F00, #004C6E, #041700)
• Quiet Courtyard color palette (#D5E4F4, #5D96D2, #005BA4, #00244A, #00040E)
• Dusty Lagoon color palette (#D9E9E5, #358783, #004547, #002019, #000202)
• Antique Chestnut color palette (#E1EFE6, #8E8951, #655400, #3F2E00, #00130B)

Browse the whole catalog at Explore, or see today's palette.