Petrol Villa color palette — #E1EAE4 · #7E938C · #5F698E · #003039 · #000201

Built around Slate, softened by Deep Forest — the whole palette hums with sophistication.

The five colors

• Parchment (#E1EAE4): bright and airy, almost weightless.
• Eucalyptus (#7E938C): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#5F698E): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#003039): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000201): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Onyx Workshop color palette (#E4F1EA, #87A196, #57796F, #00303E, #000D06)
• Wandering Navy color palette (#F3E9F2, #988890, #836067, #001D70, #030003)
• Wandering Abyss Summit color palette (#D9E4EB, #ACBDCB, #7A95AE, #004355, #000103)
• Worn Denim color palette (#E1ECE7, #D6C6D3, #BE97A9, #005C83, #081A14)
• Worn Navy Lagoon color palette (#F3EEF3, #C0ADB7, #A4838B, #0D3F89, #110611)
• Timeworn Balcony color palette (#D7F7E9, #00918E, #006993, #5C0090, #000105)
• Velvet Aubergine Coast color palette (#CFE6E9, #32588B, #42255B, #151600, #050500)
• Shadow Forest color palette (#F3F0E2, #316632, #003225, #00171E, #000200)

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