Purple Patch – 24 Website Layouts with Purple Colour Schemes

Blending colors naturally into a layout can be tough. It requires practice and some conceptual ideas regarding user interfaces & web design trends. I love taking a closer look at unique websites focused on a general theme or concept. Matching colors are just one dimension in the ever-growing landscape of web design.

For this gallery I’ve put together 24 remarkable websites focusing on the color purple. Last year I wrote a similar article and wanted to follow-up with this secondary gallery. I’m looking for websites using a mixture of various color shades, background textures, hyperlinks, UI elements, and similar notions that other designers may replicate.


faktory purple website layout homepage iphone app


peakium signup tablet personal computer purple layout


endsleigh insurance website


single dark purple layout website hopskoch storytelling


purple website layout windu cms design inspiration

Alexandar Prijic

personal portfolio website alexandar prijic

Blue Velvet

dark purple app website layout bluevelvet

Surf House Barcelona

purple site surf house barcelona

Kyle Spaulding

desolu spaulding personal purple website layout

The 519

the519 community centre website purple

Purple Stride

purple stride pancreatic cancer website


purple nyc guide app triplagent website


purple mac website passlocker design ui

Alfred App

mac osx alfred app purple website layout

Voodoo Monkeys

voodoo monkeys purple website layout design


awesomewall purple website layout homepage

Ninja Graphics Kit

purple website ninja graphics kit ui design homepage


fuelfox home heating northern ireland website

#SpiritDay Oct 17 2013

october 2013 spirit day purple website


purple chocolate cadbury website layout


purple website homepage goodbytes inspiration


bitsens custom technology personal homepage layout

Bicho Malvado

bicho malvado purple animated website layout

Brice Lechâtellier

brice lechatellier designer purple portfolio website