Showcase
Posted By Subhadeep

Showcase Of Beautiful Red, Green, & Blue Websites


In this article we’ll go through some great examples of sites using red, green and blue as their base colors, i have started with primary colours and in future articles will move on to the secondary ones, or even tertiary. If you have a colour in mind for your next project then its worth watching the examples, even if you don’t have i guess you’ll get your theme colour by the end of the article. Enjoy!!

Blue as base colour

Blue is a very calming color, it depicts peace, tranquility and it shades of blues infuses purity, trust, it is mostly preferred by men. There was a time when it was highly used by corporates and NGO’s, but now its also used by other different types of sites. In the list below i have tried to put in front of you some beautiful designs using blue palate, and here sky is not the limit !!

wwwmetuzalemhr

Metuzalem

The site uses a mix of blue and green a perfect blend for anything natural and artistic, and being a webdev site it suits the theme perfectly.

web2la

Web2.La

The greenish blue gives a pleasing and appealing look and making it truly web 2.0

wakeinteractivecom

Wake Interactive

Yet another web development site, gray with blue gives an elegance to the site. And really appealing and simple design to go with it.

taximeca

Taxime

Though the design itself is not truly relevant to the theme but it blends with it and the light shades used makes the site really attractive.

searchinsidevideocom

Search Inside Video

I like this design because its clean and main points are nicely highlighted making it very easy to understand, and red truly is going great for the links !!

rokkaboycom

RokkaBoy

3 words, “simple yet powerful” !! elegance is the buzz

newismcomau

Newism

This one is not truly bluish rather its a mix o blue pink red etc but i find the blue to stand out most and its apeealing…

markoprljicizhr

Marko Prljic

Uses a highly cloudy interface even the portfolio pics are animated the cloudy way, i sense a professionalism when ever i visit the site.

jumpstartforbusinesscouk

JumpStartForBusiness

Now their main url does’nt goes with the ocean, i don guess anybody will jump and suicide in ocean to start a business but after stumbling the big words below the theme is clear.

icebrrgcom

IceBRRG

This one looks really cold and icy another great example of bluish designs.

helpwithtweetappcom

Help With Tweet App

Clean and very clean !! Perfect web 2.0

feedstitchcom

Feed Stitch

I really like the design and interface, the theme is correctly depicted with the tangled threads at one end and untangled colorful rope in other. Great mixture of colors with blue.

ekochgrense

Ek & Green

OK.. i don’t think i know the sites language but i like the design..

digimuraicom

Digimurai

Very good illustrations and fontography, must say the guys are talented out there…

cucweborg

Cucweb

I don’t know what but this design attracts me, very minimalist, great use of blue shades.

cpeopleru

Creative People

A really and truly creative design !!

campaignmonitorcom

Campaign Monitor

Looks like a professional business oriented site which can be trusted.

bradcolbowcom

Brad Colbow

Its very pleasing to see how creatively the design is done and small touches like highlights used here and there, and color combination’s are really attractive.

bluedotsdesigncom-copy

Bluedots Design

Creativity demands place…

beehiveappcom-copy

Beehive App

Not truly bluish but worth mentioning…

Green as base colour

Whenever i see green it makes me feel as if i gained some energy, even the backstage’s used to be green , hence name green room, The core color of mother nature represents tranquility, health, renewal. It can be used as both warming and cooling effect. Lets browse through some awesome green sites.

wwwplenushr

Plenus

The stock image is a facelift in itself, the whole piller of the coolness of the site is the green image, used with gray it gives a warmth and sporty look.

wwwmadebyjarnonl

Made By Jarno

This one uses different shades of green stripes, looks great,  worth viewing.

wwwelementfusioncom

Element Fusion

I never knew green could be so effectively used with other shades such as blue. shades of blue and green gives a feeling of growth in it.

wwwcodegreenecom

Code {greene}

This shade of green used by the site is a perfect example of how green can bring warmth, 1st look at the site warms your mind.

wwwbigomahacom

Big Omaha

Green and brown perfect for depicting recyclable items, nicely used in the example above.

taoeffectcom

Tao Effect

Enter Web 2.0 Illustration, shades of green in illustrations and apple text looks really cool.

simplyinvoicescom

Simply Invoices

Don’t know how the color is related to the software, but design looks really good, specially with the stripes.

plankdesigncom

Plank Design

Outdoorsy color if green mixed with yellow, its refreshing.

mintcom

Mint

What i really like about this one is how the implemented images, vectors and of course their own brand logo with such cool looks.

k4labinfo

K4Lab

This one is worth a watch, of course due to the beautiful photoshopping, green with blue is my all time favorite.

jeromemnet

jeromeM

The site looks crystal clear and texts are fully uncluttered, white can be a great highlighting color along with green.

httpappensteincom

Appenstein

The gradient and glows gives the site a shiny web 2.0 look perfect for getting attraction.

greenglobeideas

Green Globe Ideas

Not fully green, mix of brown, blue and grey, the all time standout colors with green.

emotionslivecouk

Emotions

This is a perfectly great portfolio, notice the changing shadow, the colorful leg gives a highlight to the all green theme.

eco-cardcouk

Eco-Card

Goes with the brand name, blue with green is always something that pleases everyone.

deaxoncom

Deaxon

Another portfolio site, worth viewing.

Red as base colour

Red is the color for excitement, energy, power, intense emotion. It is not much used web designs, and used sparingly as its extreme color and tiring to eyes, but as always there are exceptions. I prefer not to use it as base color, but as highlights, but everyone have their choice.

rockycreekwineryca

Rocky Creek Winery

Site of a wine company, darkish red goes with the color of wine, black and red together gives seductive feel.

redrelevantit

Rad Relevant

White is the most soothing highlight with red, and this one uses it.

noe-interactivecom

NOE Interactive

I specially like this one due to its non standard design, kinda unique.

minaaz

Minaaz

Again red-white, almost a rule.

liamskicouk

Liamski

Red-yellow, red-tints, whatever i find this looking good but i think they should have more white though.

hostrisercom

Host Riser

This one is the best red site i can find, with perfect shiny radial gradients and shadows, and great yellow highlights, being a hosting company the red in the highlight image attracts the customers, i find this pleasing.

helveti-tweetgeeniuscouk

Hevelti-Tweet

Very very simple, but very nice !!

finerhomecouk

Finer Home

This one’s have great textures with the reddish background, worth viewing.

bushschickencom

Bush’s Chicken

There’s something meaty about the site !!

Conclusion

I hope you got some basics about how this colours are being used and how you can use them. As for me, i think i like green very soothing and pleasing and i think i’ll try another template in green (not again !!). Keep visiting. Have fun…


Currently working as MD in SandBoyMedia. Based in India having keen interest in Design and Development.

    View Comments