Hey guys,

 

I'm new to this forum. I will try make an introductory post about myself in the future. But, for now, I need some help.

 

Basically, I am creating a website for a local cricket team. I've planned the layout, the different pages etc. There's just one problem: The colour theme.

 

I'm going to be honest and say that this is definitely my weakest point, when it comes to developing/designing websites. I can't seem to pick good, consistent colours for my website.

 

That's where you guys hopefully come in. Below, I have linked a temporary link of the web page, so far. This is going to be the template, of which, every other page on the site will be based off. What I've tried to do is to make the colours consistent with that of the logo. It's kind of hard when there's only blue and white! I'm planning on keeping the main and footer colour (to reflect the logo), but the background and especially the nav bar, I'm willing to change.

 

Any help will be apppreciated.

 

Thanks!

 

http://176.32.230.49/cecc.co.uk/index.php

 

 

Have you tried this? It's awesome :

https://color.adobe.com/create/color-wheel/

Here's some thoughts:

 

If the logo is blue and white suggest using white as the page background, and the blue logo - think cricket "whites" which are clean (well before match!) + the teams "colour".

 

See if you can find a suitable green that won't clash with the blue and use that for navigation and maybe some key page elements, a "grass" green would be ideal because cricket is usually played on grass. Maybe look into two tones of green to reflect the way the pitch appears after it's been mown.

 

And above all design around the content, else you could be finding you're shoehorning things in.

There is a pretty good article here on colour schemes. Which being colour scheme challenged myself I've found quite useful

 

http://www.designyourway.net/drb/colors-in-web-design-and-why-to-choose-them/

Edited February 28, 201610 yr by nfc212

**** me at last, took about 15 mins to paste that link in. Considering how much they charge for this IPBoards software it is a pile of dog ****e.

I've got a dropmark collection with a whole load of links to colour related sites here, if it's any help: http://www.janeb.uk/281242

 

I thought green straight away for cricket btw. Not that obvious is always good, but it's the colour I'd associate with cricket.

Some helpful comments here. Unless they play cricket with night-vision goggles, I'd definitely lose most of that dark background and get some daylight white in there. I like the idea of some green as Jane B said. You could always look at (or include) a photo or image of their cricket ground to get further inspired. I too am quite challenged when it comes to color decision making.

 

I'd definitely lose the blue background before all else. In fact my idea of whitening it up, reminded me of a site belonging to a good friend of mine here: Where the building images could be that of the cricket ground or pitch.

 

(Nice site and resources Jane B.)

Edited March 1, 201610 yr by Grant Barker

even just removing the blue background improves it a lot. add a few judicoius green touches and it will be looking good!

A way to get started I sometimes use is to find an image that has good colours, especially if it's resonant to your subject. In this case it might be a bat and ball. Rreduce the resolution right down to say 16px x 12px and pick out 2 or three key colours. Then you can mess with them in one of those little colour apps to get different shades or contrasting and complementary colours until you have a nice manageable palette to use when you are drafting a design and layout.

as mentioned above colour wheel (or do i mean colorwheel ) is excellent - for example feeding in the blue of the logo and picking triad will give you some suggestions for greens https://color.adobe.com/create/color-wheel/?base=2&rule=Triad&selected=2&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.04892864362239744,0.27357719095124644,0.46078431372549017,0.8006535947712418,0.26626057123036745,0.24514857489387507,0.1568627450980392,0.48627450980392156,0.7607843137254902,0.5385306575277439,0.5607843137254902,0.059547200323428376,0.44352184957575747,0.46078431372549017,0.07196785930867192&swatchOrder=0,1,2,3,4