17

I'm building a website for the company that I'm in, but the marketing department, isn't giving me much room with the colors. They say that we need to use the #2DCCD3 everywhere because it's in the logo, but i find that saturating and limited, the website just looks like all of the others that use blue.

And the company does not have a brand strategy implemented, it's all over the place, and my idea is to build that after defining the website.

My question is, are they right? Should I use that color for brand recognition, in detriment to a memorable website?

The color palette that I suggest for the website is:

  • Gradient: #ff2645 to #d05822
  • Hovers in: #ff2645
  • Text and solid elements in: #fff
  • Icons based in: #0F8186

colors

ps. not all pages will have gradient.

  • 7
    They're correct, in fact the teal you claim to be bad isn't that far off from the teal on this very website. – Ryan Aug 4 '15 at 12:12
  • 3
    You can make a pretty good-looking webpage using solely that colour: color-hex.com/color/2dccd3 doesn't offend me in any way. – Stop Harming Monica Aug 4 '15 at 15:14
  • Beyond the focusing on the general idea of the color itself, check their brand guidelines. I have done work for brands which specifically proscribe the use of the logo color as a secondary. The marketing people may not be familiar with their own brand guidelines. – Yorik Aug 4 '15 at 16:44
  • Indeed, i asked for the brand guidelines and no one know's where they are... – Nuno cruz Aug 4 '15 at 16:45
  • And the company does not have a brand strategy implemented, it's all over the place, and my idea is to build that after defining the website. What makes you think that your current task is not part of the Marketing Department's brand strategy? Did they explicitly say "We do not have a brand strategy at the moment; try this color and we'll let you know how it goes."? – MonkeyZeus Aug 4 '15 at 19:25
30

Any single colour can be worked into a working colour setting, even for a website. So, yes, they are right in stating that using their blue is good for brand recognition.

A good idea might be to take the original #2DCCD3 and create less bright, saturated versions of it to use next to the base colour. You can create these shades using the HSB colour model. HSB is available in most of the standard graphics editors' colour pickers, and allows you to create muted or brighter versions of a colour while keeping the actual hue identical.

I'd advise you to look up articles and other information about creating a colour scheme from an existing colour to create something that is both pleasing and usable. I find this series of three articles on Smashing Magazine a good introduction to the subject:

  • Thank you for the input, these articles are great, At first i build this color link pallet, but i find it too simple and very "commercial". I will try and build one as you suggested. Thanks for the input – Nuno cruz Aug 4 '15 at 13:19
  • HSB adjustment is also built into Bing, which is handy. bing.com/search?q=rgb+color+picker&PC=U316&FORM=CHROMN – Dan Aug 4 '15 at 18:01
  • Excellent answer. The darker variation 1f8f94 would make a nice, contrasting background to it. Using a darker background behind your content and a lighter variation in the fore can make your content - especially a well-designed logo - really pop. – Omegacron Aug 4 '15 at 20:37
8

Vincent's answer is right on the money. I would also advise you take a look at a lot of the trends in web design lately, specifically regarding the subtle use of vibrant color, and take some cues from them.

Even better, you could use this SE page as a reference. Note the way the bright red and teal are used at the top of this page. They define the tone and branding of the page, but they don't overload your eyes by using the red as the background color of the page.

  • Thank you for the tip mate. My idea was to use subtle gradients like in this website 3rd bullet (fibersensing.com) – Nuno cruz Aug 4 '15 at 13:09
  • 4
    That whole website looks like some horrible, horrible graphics demo. – Dan Aug 4 '15 at 18:04
4

Let's see... given your premises:

  • fibersensing.com is a good site to draw inspiration from;
  • client requirements are optional;
  • teal is very bad indeed;
  • white on a pink-to-orange fade is good;
  • mouseovers the same color as the background are good;
  • consistency ("looks like all of the others that use blue") is bad;
  • looking "commercial" is bad.

...any answer will be difficult. I feel you are coming from a place where coming up with a good design that will satisfy your clients is next to impossible.

My recommendation, then, would be to make the website look as awesome as you possibly can within your client's constraints, respecting and using those constraints as the framework around which your design is be built. Make their vision become a reality. Give them exactly what they asked for... but ten times better than they expected or imagined!

And then, purely to satisfy yourself, make a second copy of the CSS, changing nothing but the colors (OK, you can also change the images, to match the colors), and show them how your vision is way better than theirs.

Be sure you don't cheat yourself by skimping on the awesomeness of the teal design, though: you want to give yourself a REAL challenge!

They may well not take your suggestion, of course: but in that case, you've done what they have asked, and can hold the moral high ground, while chanting "you can lead a horse to water..." in your head.

  • 2
    Thanks for your comment, you made me laugh :) indeed i explained myself very badly and i managed to shoot myself in the foot lol Just to defend myself a bit, no i dont like the hole fibersensing website, and client requirments aren't optional, i just wanted to know if there was a diferent approach, and that mouse over is an error on my part, and as for the rest, just my opinion. Thank you indeed for pointing out my mistakes and noobish approach, and thank you for the advices! – Nuno cruz Aug 5 '15 at 19:32
3

I agree with the other posters. If the company color makes your eyes hurt, just use it sparingly and emphasize other elements.

Also, compare your company's site with others in the same line of work and ask yourself what is working for the competition that could be done better by you and your company?

  • I did a extensively research of the competition, and i found the massive use of color as main piece, but now after hearing the community i think i'm going back to minimalism, to differentiate from the competition. Thank you for your input. – Nuno cruz Aug 4 '15 at 16:49

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.