Petrol Villa color palette — #CFE7F8 · #00729A · #002D4C · #001A2B · #030613

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

The five colors

• Frost (#CFE7F8): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00729A): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002D4C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001A2B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#030613): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Cobalt Boulevard color palette (#DEE5F3, #616BAA, #2B304A, #151E33, #0E0C16)
• Azure Field color palette (#C7EADB, #01AFEA, #3D6C92, #284A3C, #09140E)
• Wandering Cerulean Villa color palette (#D2F1E2, #0093BF, #2E4372, #092E20, #0C140C)
• Smoked Boulevard color palette (#E2ECFC, #0D34A7, #0A092A, #000017, #070101)
• Washed Plum Harbor color palette (#E2EBFF, #5178E1, #A8449D, #006E73, #1D2D59)
• Cellar Grape color palette (#DDE1FC, #7015CC, #2E0742, #13002C, #06020E)
• Nocturne Meadow color palette (#E9EEFF, #3C0098, #2C0F10, #0E0020, #000109)
• Aubergine Atelier color palette (#E2DFF5, #4A005A, #2A1312, #060F0C, #0C000A)

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