Continuing our series of articles on the anatomy of colors, today I’d like to tell you about orange. Lots of people say that orange can look sticky and cheap as it’s known to be a polarizing color. It seems like a fair assessment, remembering the orange color of price stickers, prison uniforms and traffic cones. But the correct using of orange color in web design can give you a range of advantages. Depending on the applying it, orange can cause associations with autumn, flickering fire, and certainly, fruit itself. It all depends on why and how you apply it.
Orange is a Dutch national color. Originally there was an orange stripe on the flag of Netherlands, but later it was replaced by the red one, because at that time orange fabric was scarce. These days during the national holidays of the kingdom people wear orange clothing, Football fans even paint their faces in orange, expressing their support for the national team.
In many countries, such as Belgium, traffic light is orange instead of yellow one. In Eastern religions orange is a color of the sun. Before word “orange” appeared in English-speaking world, this color was named ġeolurēad that means yellow-red. Web orange color is defined as #FFA500.
Are You Feeling Orange?
Orange is a color of joy and happiness. It takes its name from the orange fruit. Orange is an intermediate color between red and yellow. Orange color frees emotions, raises self-esteem, promotes good mood, and also it’s an excellent anti-depressant.
When it comes to web design orange color can be a strong tool to influence on users’ behavior, but it also one of the most dangerous colors. So, there are a few tips on correct using of orange color in web design below.
A few touches of orange can give a life and energy to your website, especially if it is used with other suitable color, for example blue. Below you can see a great example of what I said. If your color palette is extremely muted, therefore it’s better to stick restrained colors, if you’re going to highlight orange heavily.
Do not Overdo
But don’t go overboard, because orange can be repressing in really large amounts. As any other warm and bright color, a huge field of orange on the web page can look intimidating and even aggressive. Of course, if you’re not trying to make a bold statement as Toy NY below.
Orange really stands out on the cooler colors, like blue, green and purple. Green and blue are safe choices for your main website color and they will perfectly look paired with orange. But green and blue can both appear too cool if they do not have any warm accents.
It’s quite difficult to combine orange with other warm colors. Moreover, when you look for a long time for such amount of warm colors your eyes get tired and want to see some cool color in order to break up the space.
Difficult to Read
Orange can be difficult to read, so be careful using it as a text color. It’s a beautiful combination, but still it’s always hard to read, even if orange is combining with dark background. Orange looks good as a background color, therefore you can often see it on the buttons and behind headlines.
Works for You
Orange is associated with youthful, fun and happy look. It’s exiting and lovely color, so it should be used in a context where it will make sense. A venerable and established bank needs more sedate color choices. But the trendy stickers online shop is a great fit for adding orange color.
There are a few orange websites for your inspiration below.
Of course, there are exceptions to every rule. But still make sure that orange color in your design is really works for you. We will be more than happy to know your thoughts and ideas, so feel free to use a comment field below.