Petrol Villa color palette — #E3F7F0 · #0074AF · #6B3A81 · #433200 · #000E09

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

The five colors

• Cream (#E3F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0074AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Plum (#6B3A81): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#433200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000E09): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged jewel, vibrant, 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 Denim color palette (#F3E8CC, #009BB1, #5A4E96, #403A00, #001E16)
• Hushed Mulberry Atelier color palette (#E7FBF1, #006D90, #862247, #4C3500, #1B2602)
• Hushed Lantern color palette (#FDECF4, #8877BE, #714F9C, #493F00, #1D0D1D)
• Aubergine Loft color palette (#E1F9EB, #0080A9, #5D3C83, #462262, #0F0C00)
• Plum Coast color palette (#FFECF0, #93519B, #74357C, #4C2300, #000F08)
• Washed Alley color palette (#FBEDF8, #415EB9, #354B90, #5D0021, #060D00)
• Wandering Amethyst Thicket color palette (#FFECF4, #7F51B2, #893533, #611609, #010D00)
• Ultramarine Garden color palette (#EADEE8, #315AC9, #361C24, #160614, #000301)

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