50 Yellow Web Designs to Inspire You

By / Mar 15, 2010 / Inspiration

Color is an important aspect of web design. Good web designers choose color carefully to serve a purpose. Sometimes that purpose is to be bold and get people’s attention, and yellow happens to be an excellent “attention getting” color. Yellow is a high energy color that can evoke mental activity and bring on cheerful thoughts.

For your inspiration, we’ve selected 50 web designs that use yellow effectively. You will notice that some use it to highlight the most important parts of the design, while others use it more abundantly for a bold effect.

paralotna

yellowsites01

sebdesign.eu

yellowsites02

Trout Creative Thinking

yellowsites03

strangenative.com

yellowsites04

garethdickey.com

yellowsites05

Roome

yellowsites06

creative spark

yellowsites07

we make

yellowsites08

FontShop

yellowsites09

ryankeiser.net

yellowsites10

Sketchen

yellowsites11

teammanager.se

yellowsites12

hellobard.com

yellowsites13

agatha group

yellowsites14

designcharts.com

yellowsites15

fcsiauliai.lt

yellowsites16

Champion Sound

yellowsites17

chemopren.cz

yellowsites18

Imaginary Design

yellowsites19

IAAH

yellowsites20

helveticons.ch

yellowsites21

booreiland

yellowsites22

espira tecnologias web

yellowsites23

chunk.

yellowsites24

journey-to-zero.com

yellowsites25

itswhite.co.uk

yellowsites26

44k.cz

yellowsites27

Agent 89

yellowsites28

kettle

yellowsites29

Bruno Magalhaes

yellowsites30

Atelier ZXU

yellowsites31

typeish.com

yellowsites32

biocate

yellowsites33

foodtease.com

yellowsites34

riotindustries.com

yellowsites35

yearsf.com

yellowsites36

CoolCreation

yellowsites37

Nancy Felix

yellowsites38

mein-eigener-baum.de

yellowsites39

kitich.in.ua

yellowsites40

wakesomebodyup.com

yellowsites41

wipetheworldsass.com

yellowsites42

Wilkintie

yellowsites43

dfp.com.ph

yellowsites44

areyoufrank.com

yellowsites45

littlelines

yellowsites46

GlasGoWeb.Designers

yellowsites47

wsdia.com

yellowsites48

creativeunited.dk

yellowsites49

theotherdesignagency.co.uk

yellowsites50

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

  • Dennis

    I really love all of the inspiring designs you guys have been posting lately, thanks so much!

  • http://blog.aceinfowayindia.com Ajay

    Great collection! Thanks for sharing.

  • http://www.edgarleijs.nl Edgar Leijs

    Great! Black / Yellow is really one of my favorite color combi’s. Thanks for collecting this bunch :)

  • http://www.wpsecuritylock.com WPSecurityLock

    So nice! Love the contrasts.

    Thanks for posting this :)

  • http://www.webdesignersblog.net shevaa

    Great Collections… Next Try it in Black Colors….

  • http://www.crearedesign.co.uk Daniel Long

    I think this is a really good selection of designs using the colour yellow. Yellow is a really bold colour to use, and i think the best designs have incorporated white and dark grey in well. itswhite.co.uk has used a clever piece of photography in the main design which i think is really good.
    There are some really creative solutions including sebdesign.eu which is one of my favourites.

  • http://www.mlangella.com Manuela

    Very nice collection, and so useful for inspiration. Thanks for sharing!

  • http://www.simonfacciol.info Simon

    I think some of these designs are really sick.

    Good collection. Any other colours?

  • http://www.jordanwalker.net Jordan Walker

    Reminds me of yellow snow!

  • http://www.wizard-solutions.co.uk/ FF

    Fantastic article!
    I like yellow and it’s good to see what can be done – loving the black/yellow for contrast.

    @ Jordan Walker – don’t eat yellow snow!

  • Bobi

    Ive kinda like easymsg.com. nice and clean and very yellow. Dont see many websites in yellow. Its my favorite color :)

  • http://www.feralbytes.com Leisha

    Yellow happens to be one of my favorite colors… that said, not all of these are pleasing to the eye. Some of them actually cause pain to look at. Super-bright yellow is just not a good choice for the dominant color scheme of a website.

    The ones that are softer or more golden in color are much nicer. Bright yellow is also nice as an accent. Only about half of these showcased designs did not make me cringe. My favorite among these designs is WakeSomebodyUp.

  • http://www.pragmaticdesign.co.uk Pragmatic Design

    Nice collection, but surely some are orange?

  • http://www.bestfreewebresources.com/ BBL

    Nice collection

    I love Yellow color 😀

  • http://resourcehive.com jc

    Great collection as always…and you can never go wrong with yellow…so bright and happy!

  • http://www.relicwebmedia.com Clayton Correia

    Awesome round-up. Thanks much!

  • http://www.mlsites.com ML Sites

    Good collection of sites. We sure could use more cheerful, exciting websites like these.

  • http://www.birdswell.com J-Bird

    you forgot one: http://www.birdswell.com/ – hehe!

  • http://ansh.thisisitonline.info Amberly | Web Designer

    Yeah! Nice! I can always use more inspiration.
    i love kitich.in.ua
    Thank you

  • http://rolling-webdesign.com Theo

    Nice list, yellow is a powerful color.

    Thank you for the inspiration!

  • http://www.cazazz.com Carolyn King

    Sometimes it is about knowing how much (or how little) yellow to use. Here’s one for YellaTerra where we kept the yellow to a minimum, for more impact: http://www.yellaterra.com/

  • http://www.krishnasolanki.co.uk/ Krishna

    Great list! Although I don’t use the colour yellow as boldly as some of these sites, mine as has some shades of yellow too…

    http://www.krishnasolanki.co.uk/

    :)

  • http://www.cagloo.com Divyesh Ardeshana

    nice collection
    all possible website created from yellow color…

  • Yesuah

    I personally for the most part I believe that yellow is a horrendous color.. however I enjoy seeing posts like this because I get to be proven wrong,.

    Thanks!

  • Rob Sheppard

    when a read the topic the following site came to my mind:

    http://www.openairsg.ch/

    really like that one as well.

  • http://tr.im/mewC Web Guru

    Yellow is quite an eye-catchy color. This is nicely used in these websites.

  • http://www.attitudedesign.co.uk Attitude Design | Graphic Design Portfolio

    Some really great designs here and good use of yellow – the black and yellow contrasts are very powerful. Yell.com is another brand that does this.

  • http://monokrom.dk Kasper

    Awesome! I love WDL!

  • http://vialano.com/ Vialano

    More then just inspiration!

  • http://novainteractive.at Torbjoern Karlevid

    And where is NOVA Interactive baby?

  • Pingback: 50 Beautifully Brown Web Designs | Inspiration()

  • http://www.iandevlin.com Ian Devlin

    Some great design inspirations there, regardless of colour!

  • http://www.adworks.ro Razvan Popescu

    Got to love yellow :)

  • http://azizuanaziz.blogspot.com/ Azizuan

    Great compilation. Thanks for inspiring. Keep it going.

  • Pingback: 55 Minimal Black and White Web Designs to Inspire You | Inspiration()

  • Pingback: 50 Green Web Designs to Inspire You | Inspiration()

  • http://www.zdncomputers.com Zach

    As yellow is one of my favorite colors, i find most of this designs very vibrant and eye-catching.

  • Pingback: 50 Red Web Designs to Inspire You | Inspiration()

  • http://www.strafecreative.co.uk/ Graphic Design Nottingham

    loving the creative spark one!

  • http://www.beauchampwebdesign.co.uk Beauchamp Web design

    cool collection great inspiration just need a client that wants a yellow web design now!

  • http://www.icusa.net/ Naples Web Design

    Those samples of yellow web page designs are really unique if we really compare it to the familiar look of a website which is not that fancy right but the main thing which I have notice in all of those samples is their similarities of being a fancy design site. Is yellow really for intended fancy? Anyways thanks for sharing those inspirational web designs.

  • http://www.designituk.com Elaine

    There are so many colours to choose from and this showcase has really inspired me.
    Thanks for sharing : D

  • http://www.seohello.co.uk/ SEO Hello

    Some real web design eye candy here, love it!

  • abdul samad

    Great list! Also i think http://www.dancebritain.com/ is worth a looking!