Pantone recently announced their Color of the Year, and surprisingly they have chosen 2 colors, a pink (Rose Quartz) and a blue (Serenity). They say they have a softer take on color for 2016 and their Color of the Year is a blending of 2 shades.
Pink and blue are not used together very much in web design… yet, but here are some sites that do use a combination of those colors, whether it is soft tones like the Pantone selections, or deeper shades, used as gradients or as complimentary colors. Perhaps 2016 will see an upturn in the frequency of use of these two colors in web design.
Pink and Blue in Web Design
Before we begin this round up, here is a still from the video Pantone have used to promote their Color of the Year shades.
Closest Match Color Codes
This Turkish (yes, really, even though they have Paris in their name!) fashion house uses a pink gradient background and a floating woman in a blue dress on their landing page. The main colors they use are pink: #F7D8DE and blue: #0AC7B8.
Candy Kittens is a British confectioner, and I have to admit that although pink features heavily on their site, blue does not feature on every image on their slide show. In the image shown below, the strong pink is #EC4394 and the two shades of blue are #CAE9EC and #BCE1E7.
This is a gelato manufacturer (Talenti) who have created an online game where you share to your social media and a flavor of gelato is selected for you. The more you share, the more complex your flavor will be. They use a pink and cream gradient background and blue call to action button. The strongest pink is #F8D1CC and the blue is #9299E7.
This portfolio site uses a pastel blue background with a stylized fingerprint (?) in mainly blue but a circle selection in pink. The strongest pink used is #E98DD4 (after this pink the color becomes purple), and the blue at the top of the background is #E9EDF6 – although there are a lot of blue shades used on this background.
I Am Clim
Another portfolio site using a combination of pink and blue. The pink background uses #FFE2DB, and the grayish blue color in the box is #E0E0E0.
This site is so similar in color to the Pantone Color of the Year. It uses pink and blue as a gradient overlay on an image. The gradient range is from pink #F8CEDA to blue #8895F3.
GAMS Geniesser & Kuschelhotel
This site uses some hand drawn illustrations on a slightly distressed blue background with a swinging pink tag. The pink is #C86087 and the blue is #C9E2E9.
This site uses large category tags that contain the category and the title of the post. The News category boxes are pink and all others are blue. The pink is #FB9B9A and the blue is #4BD9C6
OneWave is a non-profit surf community raising awareness for mental health. On their landing page they have a slide show of just two images that have heavy blue and pink accents. Their navigation bar graduates from blue to pink. The deepest blue is #56BEF8 and the deepest pink is #F707A5.
This site uses a slide show on the landing page with images of their printing processes. The slide out contact details on the left of the screen is pink and the images have a blue transparency overlaid. They have used a low poly texture that produces many shades of both pink and blue.
The Pantone color system has been around for many years. Is it still an authority when it comes to web design? Do you like the idea of 2 blended colors being chosen as the Color of the Year? Do you think web design in pink and blue will start trending on the back of Pantone’s choice?
Share you opinion with us in the comments section below.