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
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.
This Australian Japanese massage center uses pastel colors that give the feeling of peace and relaxation – exactly what they were, no doubt aiming for.
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.
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.
This Argentinian graphic designer uses an array of pastel colors on his portfolio site. There are also some very nice scrolling effects here.
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.
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.
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.
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.
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’.
With some cool animations and scrolling effects, this site uses nothing but pastel colors. The site is promoting a book ‘TrendBook’.
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.
This Italian site uses a selection of complementary pastel colors, flat design and long shadows.
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.
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.
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.
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.
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.
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.
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.
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.