Petrol Villa color palette — #E4F5FD · #86BECA · #C58F5C · #008094 · #472533

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

The five colors

• Ivory (#E4F5FD): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#86BECA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Camel (#C58F5C): A luminous, balanced gold — the color of honey in a jar.
• Teal (#008094): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#472533): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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 Amber Cabin color palette (#EDF7FE, #6FBBDC, #CA8665, #287D9D, #604354)
• Softworn Ridge color palette (#E8F4F9, #84BFC3, #C285B1, #008187, #45233D)
• Hushed Hollow color palette (#EAF3FF, #9AB4DF, #B79760, #4270BD, #412D04)
• Worn Veranda color palette (#EDF9EE, #8AD3D7, #DAA750, #2A9EA4, #514C46)
• Hushed Studio color palette (#E6F4FF, #64A5CB, #BA7D55, #A4683F, #142A39)
• Chestnut Boulevard color palette (#E8F6EA, #A5C3B6, #6B8C72, #744E38, #17322E)
• Weathered Study color palette (#ECF2FC, #AACDB5, #526085, #1F314F, #10141B)
• Lagoon Grove color palette (#E5F4FF, #D9D7E5, #D5B8D5, #4F9589, #344151)

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