Subtle Pastel Color Schemes in Web Design

A few years ago pastel color schemes were seriously trending in web design, but the trend has fallen out of favor somewhat in recent years. The style of design that has retained pastel colors is illustrative, and illustrations are commonly used in infographic-style websites.

This round up includes a few such sites, but we have also sourced some other styles of design that are currently bucking the trend and using pastel colors.

Websites with Pastel Color Schemes

Melonfree

This web design and development agency uses very muted, pastel colors in their design. The orange call-to-action button really stands out for two reasons – firstly because it is very big, and secondly because that orange is the brightest color in the design.

Melonfree

Izumi Massage

This Australian Japanese massage center uses pastel colors that give the feeling of peace and relaxation – exactly what they were, no doubt aiming for.

Izumi Massage

On Departure

This site is simply the host for a Vimeo video which is approximately 5 minutes long. The film is an animation described by the makers as: ‘A lone traveller makes his way through an airport before finally accepting his journey’s end.’ The animation employs the same pastel colors that are found on the landing page.

On Departure

Future of Car Sharing

In this example, the use of pastel colors make the orange headline – the brightest color – stand out. Here an animated aeroplane is used as a call-to-action button.

Future of Car Sharing

Lucas Nikitczuk

This Argentinian graphic designer uses an array of pastel colors on his portfolio site. There are also some very nice scrolling effects here.

Lucas Nikitczuk

Sweez

This Brazilian cake making company present their site in a washed-out, retro design with pastel colors throughout. The backgrounds images are heavily blurred to bring the color tones down also.

Sweez

Every Last Drop

This site is pretty much an infographic. It shows how and where water is used and lost in the UK. There are a lot of scrolling effects on this site, and the mainly pastel color scheme has some small injections of brighter colors along the way.

Every Last Drop

Visionare

Visionare is an iPhone app, and the site uses large blocks of color – all of which are both pastel and noisy. This, again, is a relaxing site and it draws you in to learn more about their app.

Visionare

Under The Weather

This is another site that is presented in the infographic style. The pastel colors on the landing page are carried through the whole site, that offers facts about the impact of climate change on health.

Under The Weather

The Woman

This Romanian site is promoting a conference to be held in March 2015 on the subject of women in business. The sketched image of a woman is beautifully washed-out and very soft, gentle and ‘feminine’.

The Woman

Minicool

With some cool animations and scrolling effects, this site uses nothing but pastel colors. The site is promoting a book ‘TrendBook’.

Minicool

Vladimir Garnele

The portfolio site of this Art Director uses pastel shades of blue on the landing page, and the illustration is made up of geometric shapes.

Vladimir Garnele

Upgrade Me

This Italian site uses a selection of complementary pastel colors, flat design and long shadows.

Upgrade Me

Firehouse Subs: Public Safety Foundation

This is another site in the style of an infographic. This site charts the life of a donated quarter in nice, pastel illustrations.

Firehouse Subs

Shiro Kuro Inc

This Japanese web design and development agency use an animation of bots feeding a machine on their landing page. Presented in pastel colors on a white background, it is very clean and minimal looking.

Shiro Kuro Inc

The Crocodile – Snowflake City

I tried to avoid Christmas-specific sites for this round-up, but I couldn’t leave this one out. What a lovely idea! You could leave a message for a friend or loved one, and clicking on the falling snowflakes brings up people’s messages. Beautifully illustrated in pastel colors. The Crocodile is a marketing agency.

The Crocodile - Snowflake City

Karmabunny

Karmabunny is an Australian digital agency, and their site is a beautiful example of flat design. They use pastel colors throughout, with the odd touch of deeper shades.

Karmabunny

Precosmetics

The tagline on this site is ‘Have you ever seen the sea… with your nose?’ They use a full screen background image of the sea and sky, and a white transparency washes out the colors almost completely to give a very soft, subtle feel.

Precosmetics

Ikto

Placing a red transparency over all the images in the background slide show washes them with pink, and the pastel colored illustration in the middle of the page should give this page a feeling of relaxation – but the slide show moves so quickly that there is an excitement about the page – that would definitely be their aim.

Ikto

Nardelli

This Italian jewellery company have created a very special feeling on their landing page – oozing sophistication, the pastel colored boxes and background highlight the very sharp photograph of the woman with amazing blue eyes.

Nardelli

Conclusion

In the world of web design today, it makes a pleasant change to see pastel colors. They are very often used for icons in flat design, and for drawings and/or illustrations, but a white transparency can give full color images a washed-out look.

Do you like to see pastel colors in web design? Please share your opinions with us in the section below.

Advertisement