Petrol Villa color palette — #EDF3F7 · #D5D5E2 · #AEB7CC · #1F6B97 · #192229

A conversation between Peacock and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D5D5E2): bright and airy, almost weightless.
• Ash (#AEB7CC): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#1F6B97): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#192229): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Aged Petrol Coast color palette (#EDF8F3, #EBDCE8, #C6ABB4, #2C6C88, #303E38)
• Timeworn Cerulean color palette (#EFF6FC, #DBDAE4, #BDAFA8, #3495BE, #243038)
• Byzantium Balcony color palette (#F1F0FA, #E1D1DE, #C8B8D1, #8B4BA3, #25232F)
• Lapis Delta color palette (#EEF2FB, #CFD2EA, #C39CC7, #533EC2, #13192C)
• Tempered Navy color palette (#E4EBF2, #AAB4C5, #848CAB, #00457B, #020B18)
• Pewter Atelier color palette (#D2E8FF, #97A0BF, #88628F, #664C21, #133628)
• Aged Studio color palette (#E9E8EF, #CFC8D5, #B19BB5, #79357A, #17141F)
• Softworn Olive color palette (#EBF5EC, #A8A271, #5E6D00, #224C61, #062215)

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