I'm helping a friend to produce his website. He's supplied his logo and a flyer that he's used, which use the colour scheme he's opted for - green, blue and white. The specific colour values for the blue and green are:





Using those colours for on-page elements has had poor results for me.

I've tried to find a palette using Adobe Color CC, but can't get it to produce something using those two specific hex values. Unless I'm not using it properly, it looks like Color CC only creates schemes based on one chosen colour, rather than allowing me to specify two colours to work around.

So in these circumstances, given the specific colours I've been provided, how can or what can I use to create a satisfactory colour scheme from them?

Note that I'm not asking to create the same kind of/equivalent colour scheme for any other arbitrary colours.

Again - this is NOT the same question as the one asked here, which is asking if the calculations make sense. My question does not ask about calculations; I am asking how I can create a palette of complementing colours based on the two that I have been provided with.

  • Do you want to a mathematical solution? Or just a tool that will let you work with two core colours?
    – benteh
    Commented Jan 14, 2016 at 19:22
  • Benteh - I'm just looking for the latter. I appreciate @ZachSaucier 's suggestion, but after reading it, it sounds like the OP is asking to create the same kind of/equivalent colour scheme for any other arbitrary colours, which is a bit different to my question.
    – James
    Commented Jan 15, 2016 at 0:08
  • Fristly, I think you are forgetting to click 'custom' in Adobe Color. Secondly, creating a colour scheme is quite the art and detailing the process would be way too long for our Q&A format. I'd advice you to have a read of a series of articles starting here on Smashing Magazine to get a basic grasp of colour theory, terminology and schemes.
    – Vincent
    Commented Jan 27, 2016 at 10:47
  • @Vincent - But how does clicking 'custom' help to identify additional colours for a given set? For me, it only lets me set colour values manually - it doesn't provide suggestions for additional values. I appreciate the basic concepts of colour theory, which I suppose is the basis for my question, as I've not found a tool or method for identifying analogous or complementary colours based on the two values I've been given. Likewise, I appreciate the difficulty of it (also hence my question); If it's too difficult to provide a systematic solution, then that's a perfectly valid answer to provide.
    – James
    Commented Jan 27, 2016 at 15:15
  • 1
    Do any of the answers here provide the solution you're looking for?
    – JohnB
    Commented Jan 27, 2016 at 19:33

2 Answers 2


Many ways to do this, including mathematically, but here is an opinionated approach based on experience.

From a colour theory perspective both the brand blue and green have similar values (saturation/luminosity). I don't think you need any more bright colours in the palette. You could pick either as the primary colour.

Use the primary colour for call to action buttons and links. Use it sparingly to highlight the primary functions of the page.

Create tints (lighter) and shades (darker) of your secondary colour by adding white and RGB black in 20% increments. This gives you a choice of colours of varying intensities for colour blocks and structural elements.

enter image description here

You also need a neutral colour in your palette. This is often grey or sand, but you can add a tiny amount of green or blue to make the grey less boring. This is commonly used as a background to help define focal areas of the page.

I know a lot of designers would find this approach quite dull, but it's failsafe, and quite similar to the one taken in Google's Material Design.

enter image description here

  • Thanks for your constructive input, @twigsta; that's a great help. Using one colour as primary, the other as secondary with gradations, and a neutral colour, sounds like a practical approach to my problem. It's not the most exciting palette, but it's functional - that's all that matters for this site, at the moment.
    – James
    Commented Feb 2, 2016 at 22:57

Another option is to use https://coolors.co/ You can add 2 custom colors and "lock" them. (I think you need to sign up to get that feature, tho for me it was free.) You then hit spacebar and it suggests matching colors to complete the theme.

  • I think I've attempted that before, but I'll give it another try, thanks.
    – James
    Commented Mar 6, 2016 at 21:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.