32 Examples of Websites with a Brave colour Scheme
One key element in the design of any website is colour. Here are some great inspirational websites which show that colour can be used in very extraordinary ways.
1. Design Disease
Yeah we’ve all seen blue before, but this is beautiful.
2. Macalicious
The deep purple/blue work so well together.
3. Breeze
Chocolate, mint and vibrant blue, sounds odd but looks stunning.
4. Radu Ceuca
A wide variety of some very vibrant colours and some dark elements.
5. Nimbupani Designs
Very vibrant colours, but they go together amazingly well.
6. Catch
This uses dark boxes to overlay some striking colours. *Video Background
7. Edmonton Recycles
Using only a few colours can be used to great effect.
8. Light CMS
Another great example of using strong colours in the background
9. Drew Wilson
Dark background with some colour blended in, to highlight the name, smart.
10. ADCapital Industries
Another great example of blending in some background colour to draw focus
11. Sarah Hyland
That’s right, I’m a bloke, and I think this pink background is “cool”
12. DarkMotion
Vibrant and playful colours, to match a vibrant and playful artist
13. Dominum
Great background and the brave blue & orange details are sweet
14. Refresh the Triangle
I think the colours and theme fit the name so well, they are refreshing colours
15. OKB Studio
A very bold colour choice, and I love the way it fades into black
16. Boxwish
I love everything about this design, but the colours are my favourite part
17. Superawesome
Very distinct colours in play here, all work brilliant together
18. Adaptd
These bands are a great choice of colour, really adds to the design
19. Antiphrasis
Great use of colours site-wide, but I particularly love the blue to yellow background!
20. Brunet Garcia
Just look at those lovely coloured boxes!
21. myNiteLife
Great deep colours, one of the most inviting holding pages I’ve seen
22. Dale Harris
Interesting colour combination, go really great together
23. Matt Mullenweg
Probably one of the most unique use of colour I’ve seen, great style.
24. Studio7Designs
Combining colour with some brilliant light effects = beautiful.
25. Color Charge
A wide range of colours, but they are done very well
26. Ploc Media
Excellent contrast between the dark and very vibrant blue
27. George Li
Bright pink & yellow never looked so good!
28. WebbliWorld
I’m sure this isn’t going to be for everyone, but remember it is for kids
29. Sygnus Digita
Another great example of blending some colour into a dark background
30. Volll
More great colours used on an illustrated background
31. Grafikas
Rich, deep and very elegant feel to this site
32. Alisa MTV
Contrast of hot and cold here, and it looks great!
My Thoughts
I think the main reason behind the post was to show people (and myself) that you can use colour in a more striking way. Far too often I only use colour on certain elements and for things such as links etc. But as you can see from this collection you can get away with using a lot of colour, as long that you give your colour scheme some real thought.
Written by liam on July 30, 2008
Great collection of colorful websites. My creative juices are now refreshed!
Great collection!
My latest post: 300+ Free Hi-Res grunge textures youve never seen before
Nice list. It’s wonderful how colorful the Web is nowadays and in no small part, thanks to CSS.
Ooooh… nice collection. I like all of these.
Wonderful list! I’ve always loved color and have always utilized it to it’s fullest in my designs. It’s great to see other designers coming along for the ride as well!
My latest post: 7 Online Tools That Will Make Your Life Easier
Nice collections, Liam. They are all colourful.
I think I love Ploc Media style.
Great idea for a collection, Liam. I especially like #14 Refresh The Triangle and #31 Grafikas, and I never thought I would pick that peachy-orange colour as a standout. Maybe it’s because there are so many dark background sites around, and the two I’ve mentioned look really fresh to my eyes.
My latest post: Making a bigger impact with your design skills
32 colorful websites…
32 ejemplos de websites que utilizan el color para realzar sus diseños, reunidos en Function….
Great List, one of my favorite is Dale Harris’s Design. You made your screenshot with a camera?
Wow, thanks for the inclusion!
Also a great way of displaying the website screenshots, nice to see some effort put in
Fantastic list very inspiring. I love the OKB site, it just “feels” nice to look at.
@David, Good stuff! Me too! Really going to try hard and use more colour from now on.
@John, Thanks once again for the comments.
@Suffian, Yeah definitely, the web is a lot prettier place than ever before.
@Shanna, Thanks for the comment, your website is actually another great example, very nice.
@Angie, Good to hear, I think it’s something that’s hard to get spot on, when you use so much colour, but I for one am definately going to be experimenting a little more with using lore colour.
@Fath – The Ploc Media is one of my faves I really love that ocean blue on the black background! Thanks for the comment.
@Tracey, Yeah I’d never imagine any of these colours looking well when there is a lot of them, but they really do work. It is worth pointing out that there are a lot of sites using too much colour and not quite getting it right, these were the best examples I found.
@Thomas, Hi, Thanks for the comment, I actually made the screenshots in Photoshop but it’s made to slightly imitate the look of being shot on a camera. If I had a decent camera I’d probably just use that
@Ploc, No worries, as mentioned just a few moments ago this was one of my favourites so thank you for being a part of it and taking the time to comment.
@Rick, Definitely has a great feel to it, a great use of light too! Thanks.
Cool list of sites. Some of these I haven’t seen before.
Interesting that you posted this, as my current site was done to try get away from the ‘usual’ bland type of sites that are found on the net.
With clever use of power, we as designers will be able to make the web a much happier place.
My latest post: The price of design
I agree with the comments about Ploc, the blue is just striking, yet doesn’t overly dominate the page. Clever.
these are some very good example of creativity with in the web design community thanks for showing.
Max | Design Shard
My latest post: 300+ Free Hi-Res grunge textures you’ve never seen before!
Thanks for the feature Liam! Glad that I pulled off that shade of blue without looking like too much of a dork!
My latest post: Favourite feeds
These are really stunning, there are even some sites that are new to me. All the colour schemes are definatly brave but I really think they work to make the sites eye catching and engaging.
My latest post: Amazing pop-up book for graphic designers
There are some that i had not seen before.
I love use of colors. It always reminds me how powerfull colors can be.
I wonder if this is the start of the next trend in design.
It seems like these designs are all about anti-earthtone grunge, anti-wicked worn. Lots of them are embracing web 2.0… but the color choice reminds me of what you see coming out of japan/europe.
Maybe it’s not just fashion that travels west
My latest post: Unofficial Olympic Shirt
@Liz, Interesting thoughts, but I’m not sure if this will be the next big thing. A lot of these examples have been around for a while, but who knows. At the same time I think a lot of these are quite different in their styles, but I’d certainly have no problems with seeing more sites with some more amazing uses of colour (like your own)
Thanks
[...] Liam from Function compiled a comprehensive list of great website with brave colour scheme that can be used for inspiration. View the collection [...]
Hi,
Thanks for featuring us (volll), it’s nice to see our site in this compilation
My latest post: Random fact
wow im really behind this week on reading great posts! Liam – nice eye! This is truly a go to inspiration post, I was having a problem with color this week, maybe I shouldn’t worry too much and not focus on that! Focus more on the design – then come back here for some inspiration!
My latest post: Feeling the need for some inspiration on a Monday?
Thanks for featuring my site among all these awesome designs! Very inspiring post!
Fantastic collection Liam.
See these sorts of posts so often. This one really stands above the ordinary.
Very Inspiring.
@Zsolt Vajda – No problem, love your stuff and the colours used are amazing, really lovely stuff. Thanks, hope to see you around more often
@Adelle Yeah completely, I’m actually going to be reffering to this for inspiration on a new project any moment!
@divya My pleasure really like the sharp vibrant use of colours on your site, really makes it stand out, nice work!
@Andrew Yeah, I think individually a lot of these have been featured in so many site about good blogs, but I think as a collection it feels very fresh and different so I appreciate the support, thanks!
To be honest, the only one that doesn’t seem to fit is #6, because it just doesn’t seem as risky as the other. The confetti-style almost demands color, so it’s hard to go wrong. Lovely design, though!
Great round up.
@Erika thanks for the comment. I think its a little different because there is so much colour on one page, and having that much colour on one page can sometimes be too much, but in these cases (and with #6) the colours have been pulled off perfectly.
However your opinion is just as valid as mine so I appreciate your thoughts, thank you.
[...] Enlace de los 32 ejemplos –> aquí [...]
#4 is showing the wrong description.
The description for #3 is being shown for #3 and #4.
I can’t believe I’m the only person who has noticed that (and commented)
Its amazing what talented designers can do with any colour pallet. Some amazing looks have been achieved in this list.
When our design team was describing to me the direction they wanted to take our website I was more than a little concerend that they had lost their minds.
“Yeah, its going to have like a…greeny/blue header with dark green areas on pale blue background. Oh yeah and blue, pink, green and orange logos and spot colours” urgh!
Turns out it works quite well (in my opinion). Designers 1 – Me 0
You can see for yourself if you have any interest http://www.totallycommunications.com
@Ben, thanks man. Yeah I think people are more interested in the images, but thanks for spotting! – Fixed now.
@Toby, lol yeah sounds outrageous, but pulled it off well, my compliments to the designers. Nice one!
Wow, this is a great list of websites. But certainly, DesignDisease tops my list too. They’ve changed this design recently and it looks fabulous.
My latest post: Nepal electes new President – Dr. Ram Baran Yadav
Great list of web sites. I’ve gotten a few ideas from these already.
delete me please
Absolutely stunnnnnning! I love Design Disease and Nimbupani and Dale Harris. Seriously takes skill to use those colours and still manage to keep the content visible.
[...] 32 Examples of Websites with a Brave colour Scheme [...]
[...] 32 sitios con colores atrevidos o valientes, usen la traducción que quieran 0 # [...]
Nice work…!!
nice
Wow! sencillamente buenisima la colección, me encantó!!!
[...] Link. [...]
Brave is a great way to put it =)
Sometimes it’s scary to design a site with such crazy colors because you just know you are gonna be sick of it in six months and need to do a total rehaul =)
My latest post: Launch: Script & Style
[...] 32 Examples of Websites with a Brave colour Scheme [...]
[...] que Horacio Bella hace referencia a un link en Tablosign con una recopilación de 32 sitios webs muy atractivos con colores llamativos. Se los recomiendo para que aprecien esos [...]
[...] n Function Web Design & Development [ Blog ] » 32 Examples of Websites with a Brave colour Scheme [...]
From vBharat.com » 32 Examples of Websites with a Brave colour Scheme…
One key element in the design of any website is colour. Here are some great inspirational websites which show that colour can be used in very extraordinary ways….
[...] Function Web Design & Development [ Blog ] » 32 Examples of Websites with a Brave colour Schem… [...]
Audacious Colour Schemes…
Colour schemes are really tricky when it comes to web design, as I’ve found that even though a colour combination should “theoretically” work, it doesn’t always guarantee the result you were after. What this means to me, is that…
[...] Judging by this post from the wefunction peeps, it is evident that they believe that an unique colour scheme is only a bit of inspiration away… As they put it: “Inspire yourself, and maybe become a little braver with your colours.” [...]
[...] 32 Examples of Websites with a Brave colour Scheme – 32 weboldal, bátor színalkalmazással [...]
Great post, I should come here more often;)
My latest post: Tutorials we heart make-over and advertisement discount
[...] 32 Examples of Websites with a Brave colour Scheme – Great list of inspirational sites [...]
A superb collection, some real inspirational sites there buddy.
Gutted
My latest post: Matthews Estate Agents Cardiff
They’re all so nice, Design Disease has to be on the best website designs out there.
Then comes volll and then Radu Ceuca
Great subject to post on. It’s nice to see a post with a little different content and great examples. I’m really digging the hazy colors now days, such as Breeze and ADCapitals.
Colorful and powerful. Thanks for the sharing !
nice inspiration, very cool idea and collection … thanx
This post is awesome. I definitely think that colour is the new in thing at the moment. If you can get the right combo with a cool layout then you are more than half way there and these designs show how great an impact it can have.
I am loving these colourful sites!
@David Thanks for the kind words, and completely agree with you. Quite like the colours & style on your site, nice one.
[...] ????? – wefunction [...]
I liked it!
Serve muito para inspiração. XD
Não sei se são os melhores mas com certeza são de alto nível de design.
[...] Last but not least, check out and get inspired by these real life examples at wefunction: thirty-two websites with a brave color scheme. [...]
?????? 5!
These are really good websites and color schemes. It’s giving me ideas for lots of pet projects that I want to work on. Not necessarily functional, but eyecandy websites which will be very far off from what I’m used to doing for businesses.
i like http://www.simplystamps.com
Thanks for the inspiration.
found this layout that follows the same concept:
http://www.freshidesigns.com
this is awesome collection bro. inspiring super blog. you got my bookmark …
[...] se podívat na p?íklady prezentací, kde jsou barvy skv?le slad?ny. Studio Function ud?lalo výb?r 32 prezentací s inspirativními barevnými [...]
[...] 32 Examples of Websites with a Brave Colour Scheme from We Function [...]
I think this list is ok. Although, I don’t think it is brave anymore to do the blue/purple/etc gradient color scheme. It has been done so many times. Even in this post it is featured on numbers 2, 8, 9, 10, 24, 25, and 29.
All nice sites however!
Great selection …. and great color schemes. The first one is my favorite .
[...] 32 Examples of Websites with a Brave colour Scheme [...]
As an excom photographer who needed a ready source of income to raise a family went to doing mainternance currently polishing stone found the color balance flat. BASICALLY what I’m trying to say put more feeling into the experience and watch your webbus grow-you will know when you reach that level
iizeqcfeldumnfjvguxzerlfdizkit
[...] 32 Examples of Websites with a Brave Colour Scheme from We Function [...]
Hi,
All 32 are really awesome,
Thanks!
I really like the Breeze one, my kind of colours
A Japanese website with nice color!
Good day! viagra overdose
Bold and vibrant colors combined beautifully. Truly remarkable compilation. Thank you for sharing.
My latest post: Snapshot
WOW! this is a big WOW… nice collection of cool websites… it really inspire me a lot… keep posting buddy…
My latest post: Dreamweaver CS3: Image Maps
wow… great design. thanks for the inspiration :0
[...] seçti?i 50 tasar?m, sixrevisions’dan 40 blog tasar?m? ve wefunction’dan 32 renkli tasar?m. i?te [...]
[...] seçti?i 50 tasar?m, sixrevisions’dan 40 blog tasar?m? ve wefunction’dan 32 renkli tasar?m. i?te [...]
I like the 3d one. It looks really very nice. Do you know the name of designer?
Classic. This is a great list of best colored theme websites. I like “The Catch” on #6. Nice compilation.
[...] 32 Examples of Websites with a Brave colour Scheme [...]
Light CMS changed their design
[...] 32 Examples Of Websites With A Brave Colour Scheme (wefunction.com) [...]
nice work by using colors.
Mmmmmmmmm… Mine should be there too!! I’m one color lover for sure! ahahah.. By the way, great compilation of great websites.. some of my favorite colorful sites are listed… but there are lot’s of good colorful websites for everybody’s joy!
Nice work….thanks for sharing this post.
My latest post: THIS SCRIPT IS NO LONGER SERVING DATA. UPDATE YOUR PLUGIN
How many times you eat during a normal … every day life?
are you the type of person who eats a bit and often?
or rarely and too much?
i usually have 3 and i’m the 2nd type of person (though it’s not that healthy)
8 am breakfast
3pm lunch
9pm a snack.
My latest post: THIS SCRIPT IS NO LONGER SERVING DATA. UPDATE YOUR PLUGIN
Love the list! Another one I came across recently in very rich purples: http://glowvirtual.com
loved this post!
[...] 32 Examples of Websites with a Brave colour Scheme [...]
why are the colour schemes bold? seems quite normal to me
Beside all WP issues I can´t understand that so much Webmasters don´t use a script to avoid these terrible “nofollow”- Backlinks. They will be the death of the Internet”
wetgwegwegwer
[...] Enlace: http://wefunction.com/2008/07/32-examples-websites-brave-colour-scheme/ [...]
Ooooh… nice collection. I like all of these.
Wow, some very inspirering designs here! Thank you so much for sharing
Some real good inspiration and some brave designs. They work though!
Thanks for sharing with the community.
Brave collection… Creative thinking makes a great tasteful work in designing…Thanking you sir.
Great Collection
great… thanks..
[...] Examples of Websites with Brave Color Scheme [...]
[...] 15, 2010 I was going through screenshots of websites using strong color schemes [ http://wefunction.com/2008/07/32-examples-websites-brave-colour-scheme/ ] and I think it all boils down to two principles. If the main background color is dark, strong [...]
Goog article – thanks
Some good designs and use of colour, but the content is still king
Great collection, thank you for shearing
Great Collection
Super Designsammlung – ein Lob an die Macher – da können wir Anfänger noch was von den Profis abgucken
Thanks for the inspiration.
very good posts…
most like a fun design webbliworld
Love the use of colour, some great examples here… Cheers. think i need to take note and do a bit work on my own blog
Absolutely stunnnnnning! I love Design Disease and Nimbupani and Dale Harris. Seriously takes skill to use those colours and still manage to keep the content visible.
thanks a lot.There are Nice themes
Those are some gorgeous sites…thank you for taking the time to put these out for us to see. Cheers!
I guess you wouldn’t really expect these colors to work together as good as they do…..Very straight forward and enlightening analysis. Good Information!! Thanks
Great themes and inspiring!
The colours have been used well, great 32!
good thank
very cool idea and collection … thanx
so wonderful. thank u.
Great post
Wow, those are fun colours to use.
LT
Great collection, Cheers
Nice collection.
:)
I love catch…)
Great collection!
thanks a lot for this!very goood site. thanx..
I am happy to find this post very useful for me, as it contains lot of information UGG Bailey Button I always prefer to read the quality content and this thing I found in you post. Thanks for sharing.
are the themes only available for wordpress?
[...] Website Examples [...]
Great collection. Love the color schemes. Thanks for sharing.
Very good, thank you for your offer
thank you for your example
We are a software development team
when doing your PS mockups turn anti-aliasing off to make the text look more like web rendered typejkl?çjkjkömm
when doing your PS mockups turn anti-aliasing off to make the text look more like web rendered typeghgfchgf
coupe-vent respirant: La plupart des éoliennes en plein air vers le bas veste a un certain sexe.
the text look more like web rendered typehjmhgjhjhghhh
This blog site has lots of very helpful info on it lem
anti-aliasing off to make the text look more like web rendered typenbmvvcccdfggddss
For sure, there’s plenty more themes to come and the articles will work once we have more article based contents online, at the moment it’s just news and updates
I have added a blog to my site which is not a wordpress blog, i suppose its more of a microsite, and have been searching for info on wordpress. I found your atricle really helpful
That is why it calls my attention to visit it again for more source of new informationyu?yu?yuou?ujhhwsj
Offering free tools for blogs and Web sites – weather tools, news and Prayer
hat is why it calls my attention to visit it again for more source of new informationhfghfgmkhgmnlghknlhgöjhmöjh
hat is why it calls my attention to visit it again for more source of new informationhfghfgdcvdcxcvxcvxcv
It was a chance because the Australian was worried that the ugg outlet boots was too much of quirky Australian design to make a hit in the US. ugg boot on sale Buck
is a cute monster, a cute monster and a girl holding a cute ice cream, a cute monster with a cute girl holding a cute icecream standing on top of a cute corpse with forks stuck in it.(for that neverending juxtaposition angle ZZZzzzz
hat is why it calls my attention to visit it again for more source of new informationyu?klhfd
Offering free tools for blogs and Web sites – weather tools, news and Prayerhkopder nave my youp?ppp
Offering free tools for blogs and Web sites – weather tools, news and Prayerhkopder nave my your.if.dgbdf.gfd.,.d.fgvdfgç
Offering free tools for blogs and Web sites – weather tools, news and Prayercdgvfdgigfd:cx
Offering free tools for blogs and Web sites – weather tools, news and Prayer:öböfldlfl
Offering free tools for blogs and Web sites – weather tools, news and
l??iid
Offering free tools for blogs and Web sites – weather tools, news and :l?lx?ds
Sounds interesting that you give such idea.. Well thanks, its a great help…:?dfçgv?lfdl
Sounds interesting that you give such idea.. Well thanks, its a great help gfh?
Sounds interesting that you give such idea.. Well thanks, its a great:?llfkdgkvfk
Sounds interesting that you give such idea.. Well thanks, its a great ömmnnbbvcc
Sounds interesting that you give such idea.. Well thanks, its a great :çökl? :fdghpfohkglflk
Lozano consigue en África la Cruz del Mérito Militar por su actuación contra los moros. En 1923 es nombrado capitán y regresa a la Península, primero :fögbdfo
Your article’s resource box should help to persuade your readers. No matter how amazing your article is if it’s not succeeding in driving traffic to your website cheap ugg boots
Don’t you attract by the elegant white iphone 4? But its likely to release untile next summer! What’s worse, it is said it may not release at all! What a pity!
in this autumn there’s already got white iphone 4 fdkllfgkldflbmö vcböö
love those examples, they look fantastic. keep up the good work.
Until the 1950s steel nails technology reform heels, stylist can appear this lady and design of love and hate the tapering heels.
sharing your beautiful writing I’ve read
istanbul regal servisi
Hi,firstly i would like to thank you for this amazing blog post. It really helped me, though i already had imagined that trick. Still, you enhanced my optimism and taught me some of the values that go together with this comment-trick.
Continue your great work
I am going to try this out on some new landing pages. thanks
sharing your beautiful writing I’ve read
I am going to try this out on some new landing pages. thanks
MSI laptops are very superior quality. They are as not bad as if not best than ASUS build quality. I do knowing that most of the retail merchants that sell MSI are very worthy and reliable. msilaptops.net is my personal favorite, they are very enlightened and can help you with any questions you have.
love those examples, they look fantastic. keep up the good work.
sharing your beautiful writing I’ve read
Until the 1950s steel nails technology reform heels, stylist can appear this lady and design of love and hate the tapering heels.
Its the most beautiful theme ive seen so far, it doesnt even look like a theme, the drop down menus! it looks like someone spent thousands of dollars in a custom design! Thanks for giving it to us!
simply great collection of great designs.All of the designs had so unique and lovely color schemes.So inspiring designs has been shared,thanks for sharing this post
Stunning sites
Very nice websites, some of the color shemes are beautiful
you’ve really helped out. Thanks!
I am glad to see this is even a practice that you discuss positively in this article. Thanks for all the wonderful web wisdom & style.
stylist can appear this lady and design of love and hate the tapering heels.
assumed, somewhat difficult to get used to. Leave cordially sevmeli.dü?ünceyi fear of people loving will duygu.sigara shocked to drink at the worst harmful. I’m going now
I’m designer
your examples I was very inspired. thanks
Very nice websites, some of the color shemes are beautiful
Really great, thanks a lot for this!
A hot guido was staring at her – in a nice way – from across the room.
stylist can appear this lady and design of love and hate the tapering heels.
I will be glad to visit your site again!
On the one of the hands.
Really great, thanks a lot for this!…
Really great, thanks a lot for this!…..
cheap gucci bags online sale ,welcome to my shop
nice examples for colour scheme
schemes are beautiful, thank you.
birth feeders are a great accessory for bird houses, and really adds to your collection
very nice this blog thanks admin
This is great!!!This topic is truly relevant to my field at this moment, and I am really glad to discover your site.
stylist can appear this lady and design of love and hate the tapering heels.
[...] LABORATORIES SI INTERNATIONAL SEAGATE TECHNOLOGY This entry was posted in Uncategorized. Bookmark the permalink. ← [...]
Why is my site not listed?
Great examples anyway. We should find more than these list if we browse for design websites a lot. Thanks