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.

Pantone Colors

Closest Match Color Codes

Closest Match Colors

Exquise Paris

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.

Exquise Paris

Candy Kittens

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.

Candy Kittens

Flavorize Me

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.

Flavorize Me

Leandro Lima

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