Petrol Villa color palette — #DDF0F7 · #006D8D · #00415E · #00192C · #00050E

Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DDF0F7): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006D8D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00415E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#00192C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00050E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Eclipse Cypress Study color palette (#DAEFE8, #006C60, #00413D, #002222, #000708)
• Frosted Dune color palette (#CBF0FF, #0086B1, #006088, #003453, #001730)
• Eclipse Denim Dune color palette (#C7E4FA, #005FA2, #00376F, #000D4E, #010019)
• Wandering Study color palette (#DDEBF6, #00628D, #165901, #002D44, #000400)
• Cerulean Quarry color palette (#CCE4E4, #008FA5, #00547D, #002650, #010011)
• Iris Lantern color palette (#E4EFFF, #7B96EB, #7366B6, #003B60, #000124)
• Velvet Aubergine color palette (#D0E0F8, #004596, #650070, #003735, #000105)
• Charred Parlor color palette (#D4DFEF, #0540B1, #170090, #0C003F, #01000B)

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