Petrol Villa color palette — #F3E6E0 · #85BFC5 · #007697 · #004D39 · #00172D

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

The five colors

• Parchment (#F3E6E0): bright and airy, almost weightless.
• Ash (#85BFC5): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007697): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004D39): A deep, shadowed, dusty teal — the color of shallow lagoons.
• 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

• Worn Petrol color palette (#EEF0E4, #78BFC6, #007586, #00504D, #003441)
• Timeworn Sapphire Boulevard color palette (#F0E7E0, #8CBAD5, #0F68CB, #004B4D, #0F0D3A)
• Washed Cobalt Atelier color palette (#FBEFE9, #ABD3B9, #0085BD, #005D50, #2E162E)
• Weathered Denim color palette (#EEE4DD, #65A6C0, #005B98, #003A37, #030230)
• Pale Cerulean color palette (#F7EAF3, #72D6E0, #0094BB, #006F52, #07304F)
• Airy Lilac color palette (#D3EFDA, #9DD1FF, #9C9BED, #00705A, #002215)
• Aged Lagoon color palette (#D3F5E6, #009D8C, #006269, #003A48, #001723)
• Ancient Navy Balcony color palette (#EDDED5, #418296, #003F63, #00201C, #00000B)

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