Washed Petrol Villa color palette — #E1F3F0 · #70C0CC · #00748A · #00504F · #003343

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E1F3F0): bright and airy, almost weightless.
• Cyan (#70C0CC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00748A): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003343): 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 Washed 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

• Tempered Petrol color palette (#F0E5ED, #6CC3D0, #00759C, #004D3D, #001630)
• Dusty Cobalt Lagoon color palette (#E6F1F0, #8CB7D9, #006AB8, #004C65, #112D56)
• Cerulean Garden color palette (#FCEAE2, #86D3DE, #0093C2, #006E58, #0D2F51)
• Softworn Market color palette (#DEF4EF, #4C9F9C, #005459, #003129, #00181C)
• Aged Delta color palette (#EFF7F6, #D3DDEF, #57A5C1, #3B7A7F, #405665)
• Muted Lagoon Courtyard color palette (#F8EAF5, #A4DFEA, #62ADDE, #009567, #1B2A58)
• Soft Workshop color palette (#E0DAEE, #B058A7, #00749E, #7B0074, #002D40)
• Coral Parlor color palette (#F7EDFF, #FDB8C7, #EC6C70, #7C426C, #3E2C46)

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