Weathered Petrol Villa color palette — #ECF3F6 · #D2D8E2 · #B5BED1 · #428087 · #262D30

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D2D8E2): bright and airy, almost weightless.
• Ash (#B5BED1): A luminous, dusty violet — the color of wild irises.
• Slate (#428087): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#262D30): quiet, heavy and certain.

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

Use it as a design system

One click turns Weathered 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

• Washed Harbor color palette (#EEF2F8, #D8D5E9, #B3BFDC, #3A6AB4, #1B2633)
• Antique Cypress color palette (#F1F7F1, #D0DEDE, #D2BDC4, #418080, #424A42)
• Timeworn Cabin color palette (#E4F0FF, #9FB3D5, #7881A4, #6B5778, #402F42)
• Pine Garden color palette (#E8F5F1, #89C0B7, #4A8456, #2C5E61, #132D29)
• Patina Cerulean Loft color palette (#DFEDF5, #8FA3B0, #59819B, #003D49, #000509)
• Wandering Teal Loft color palette (#EFF7F9, #D7DCE8, #CCC1C7, #60ADAC, #344246)
• Timeworn Denim Alley color palette (#E5E9F1, #C5CBDA, #9AA1C6, #41508E, #101622)
• Linen Petrol color palette (#DDF9F7, #2EACCD, #0071AC, #573767, #082636)

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