25 Beautiful Teal Colored Web Designs for Your Inspiration

Nov 28 2009 by Chris Spada | 26 Comments

Choosing the right colors for your design is a task not to be taken lightly as it will have a direct effect on the mood of your page viewers. Bold and bright colors may stand out and say "Hey! Look over here," which is great when you have a very limited area to work with, but what happens when you’re not trying to tell a story at the top of your lungs?

One color that has been trending lately is teal. Teal has a very disarming quality that seems to welcome you in and invites you for tea. In this collection, we share 25 websites displaying great use of the color teal.

1. Owltastic

2. Brooklyn Fare

3. The Alamo Basement

4. E-Systems Organizers

5. That Game Company

6. Bidsketch

7. Feed Stitch

8. Orman Clark

9. Blueray

10. Adlucent

11. Plinky

12. Straw Poll

13. Skype

14. From The Couch

15. Jan-Eike Koormann

16. Epic Event

17. Girl Scouts of Middle Tennessee

18. Squared Eye

19. Gist

20. Francesco Mugnai

21. Kyan

22. Vimeo

23. Babel Junior

24. Volll

25. Blue Bonnet Cafe

About the Author

Chris Spada is a designer living in Danbury, Connecticut. By day, he works for Plaid, a design and branding agency. He is passionate about studying new techniques and styles emerging in web design. Check out Chris’ latest work at www.chrisspada.com. Connect with him on Twitter: @spadachris.

26 Comments

Fail

November 28th, 2009

uh….wow, are you color blind? Almost all of those are blue or baby blue, not teal.

ObviousAHole

November 28th, 2009

I was about to say the same thing as fail- teal is a greenish blue color.

Crayonbox

November 28th, 2009

Someone needs to check the crayon box. Fail is right. These are all blue, not teal. While they are nice, blue is such an overused color that it would have been nice to see some awesome sites of different color.

Sek

November 29th, 2009

Even they’re not teal. Those sites are real deal.
Make me forget my meal. I’ve to see doctor for Eye-Heal.

Ooops! Whewwww!!

Don’t be serios, dude. The world is hot enough.

Grandmapeg

November 29th, 2009

Thanks for the “teal” backgrounds – I love the blue shades as you can see on my Twitter photo. I appreciate seeing what has been done with that color background. If blue is overused, perhaps it has to do with a color that look good on us. It is calming, it is the color of the sky on a clear day, the color of the ocean we remember from our dream trip to someplace like Hawaii. Hurray for teals, turquoise, blue-greens, and blues. Grandmapeg

Philip P.

November 29th, 2009

Agreed with the other comments. There are some that are teal (most notably Bidsketch, which is an excellent use of the colour) but the vast majority are pale / washed out blue. Washed out blue does not equal teal!

Alex Flueras

November 29th, 2009

I think this is an interesting list overall and great for inspiration, so thanks for putting this together and sharing with us.

Senthil Ramesh

November 29th, 2009

Cool one!!

T

November 29th, 2009

Wow, glad it’s not just me and my analretentive color correcting eye. A third of these are blue, there is a difference.

Bodgan Pop

November 29th, 2009

Na, not all of them are blue or so. Bidsketch (#6) has some teal over there.

Chris Spada

November 29th, 2009

Thanks for all the feedback, Initially I wanted to compile a list of sites that featured baby blue color schemes and then came across some great looking sites that had a bit more green blue color look and ended up with this list. Perhaps I should have used “washed out blue” instead of teal.

Hope you enjoyed the list anyways :)

Autonomy

November 29th, 2009

Teal or not, many of these seem like blatant copies of the Twitter site design (some even include a bird). While they are for the most part great sites, when they are all laid out together some look like they came from the exact same designer(s) and there’s not a lot of originality. Still, thanks for the article and the eye-opener to Twittermania in the design world.

Anna McMahon

November 29th, 2009

These are some nice Web designs. I like any color of blue and there are many variations of the color teal. I like the darker teal used with the lighter teal.

Dainis Graveris

November 29th, 2009

Francesco Mugnai – I really think this is the most interesting illustration and typography from all of your picks! Great inspiration!

Mike Chanter

November 29th, 2009

Do you reckon the Red Bilby site is teal enough to be included in this list?

Destiny Islands

November 30th, 2009

Pretty neat article, it’s fun seeing all of these cool collections of web designs. Keep up the sweet work!

Ashely Adams

November 30th, 2009

I love the Teal color, but some these are not actually teal, though each one is unique and creative in its own way…I liked Babel Junior, Plinky, Kyan and Voll the best…Thanks for sharing this list…

Lauren Jordan

November 30th, 2009

Blueray has a very nice design.

Russell Poulter

December 2nd, 2009

Nice Post. Some good designs. Bookmarked to my Delicious!

Reid Klos

December 2nd, 2009

Chris,
My favorites are Bidsketch and Blueray because those two were a bit more creative in using the color. A majority of the others just used the teal, or “washed-out blue” (lol) as sky which doesn’t push the envelope very much. That fact coupled with the fact that most of them reminded me of my homegirl’s site (http://oustcat.com) turned me off a bit. Kudos to anyone that can pull off the blues with a more creative punch than sky.