Petrol Villa color palette — #D4F6EC · #55A893 · #00769B · #543E00 · #002815

Teal takes the lead with Turquoise close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D4F6EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#55A893): A luminous, balanced teal — the color of sea glass.
• Teal (#00769B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#543E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#002815): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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 Pier color palette (#D4E5CD, #4BB0B8, #3D6CB6, #4C4600, #272400)
• Weathered Fern Pier color palette (#E2EFFB, #8DA3B7, #657190, #40571C, #003538)
• Pewter Alley color palette (#D8F6FF, #708FB7, #7D578B, #004D3B, #00271F)
• Antique Spruce color palette (#D6E6F7, #6B85A0, #514772, #003A0E, #00181C)
• Softworn Villa color palette (#E1F7F9, #B0CFD5, #8899AC, #4E7767, #254246)
• Dusty Courtyard color palette (#D5ECDB, #84A05E, #006C48, #004558, #0F1A00)
• Feathered Iris color palette (#C6EADD, #5EBACF, #8578D7, #666919, #3C3E00)
• Tempered Onyx color palette (#FDECF9, #83C8D4, #007AB0, #005438, #040B51)

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