Petrol Villa color palette — #DDEDEA · #7BC1C3 · #007985 · #004C45 · #001A20

A conversation between Teal and Mint Leaf, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DDEDEA): bright and airy, almost weightless.
• Mint Leaf (#7BC1C3): A luminous, dusty teal — the color of glacier melt.
• Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001A20): 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

• Softworn Cerulean color palette (#E7F5F3, #87D6E3, #038AA4, #005B5C, #002436)
• Softworn Petrol color palette (#F3EEE5, #9DBA9F, #007587, #005141, #003345)
• Cobalt Cabin color palette (#DAEEED, #82BAE4, #076DBA, #00485F, #021433)
• Wandering Studio color palette (#DBF1EE, #47AAC8, #006180, #00383F, #000C17)
• Dusty Cerulean Loft color palette (#D9F2EE, #00879D, #004254, #001F21, #000103)
• Garnet Parlor color palette (#E5F3EA, #7D6A00, #00704C, #85251A, #0E0A00)
• Dusty Drift color palette (#CCFADF, #D0D776, #8AAE56, #745A1F, #001E11)
• Bronze Meadow color palette (#E7F4E9, #9E8334, #6E4F00, #462A00, #001308)

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