Colour in Web Design – Orange

Orange feels like an appropriate colour to kick off our Colour in Web Design series. It’s a vibrant colour which conveys excitement, movement and enthusiasm – which are of course all suitable words to describe this blog! Enough of my wishful thinking…

Typically, orange is used to communicate a friendly and inviting feel and is often used in designs that want to appear fun, flamboyant and energetic. If you want to create a calming effect, it is best to stay well away from this colour; its complementary colour, blue, would be a far better choice to achieve that outcome.

I’ve compiled a collection of beautiful websites that have utilised the colour orange to fantastic effect. Here’s the best of what I found…

Fajne Chlopaki

So1o

Jessica Hische

Grip Limited

Happycom

Dunnellon

Glue

Bhoff

These Are Things

Mail Chimp

Panelfly

TedX Toronto

Joshua Giblette

The Conan Blimp

Ngen Works

Kyle Kramer

The Hickensian

Collision

Mealeo

Karlsruhe Blog

Written by

Stephen Greig

Hi! I’m Stephen Greig, an enthusiastic web developer and graphic designer who enjoys experimenting and perfecting to produce the highest quality output. My aim is to learn and to share! Want to know more? Follow me on Twitter.

Related Posts

9 Comments

  1. Nice article, some good inspiration!

  2. Nice collection mate

    This is one of my favourites personally: http://getconcentrating.com/

  3. Tom

    I love orange in web design. As you can probably tell from my previous ventures.

    These provide great inspiration for my next site, really love Ngen and Glue =D

  4. Pingback: Colour in Web Design – Blue | Tangled in Design

  5. Pingback: Colour in Web Design – Red | Tangled in Design

  6. Pingback: Colour in Web Design – Roundup | Tangled in Design

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>