All the Colours!

[iteles]

We need to sort out our colour scheme because 💛 💙 colours are beautiful ❤️ 💚.

For now we need even just a starter colour scheme. We both like green so that's a good place to start 👍

[nelsonic]

@iteles I agree 100% we need to decide on colors.
We used: http://flatuicolors.com/ on our last project, but happy to go more "custom"...

[iteles]

I had originally put together a few swatches that started with:

• Shades of green (as our starter colour)
• White (for white space and as a contrast to a potential off-white background)
• Dark grey/black (for the writing on the site/app)
• Blues - this is just what I gravitated towards as complimentary colours but I was just playing around and seeing what worked
  Chosen with - http://coolors.co/

[nelsonic]

Like (Y).
Have you recently had a look at: http://www.google.com/design/spec/style/color.html ?

[iteles]

bold hues juxtaposed with muted environments, deep shadows, and bright highlights.

😍

[nelsonic]

I'd like to see a list of what each color means to us so we don't just pick random colors "just cause they are pretty..."

[iteles]

There are some interesting studies that show that perceptions of colours are largely based on their experiences rather than just on the colour themselves, which makes a lot more sense to me.

My personal theory is that the combination of colours must be evaluated as opposed to the individual colours.

Having said this, colours have been proven to have a correlation with people's perceptions of a brand's personality so they are of course important.
The broad consensus on the above is that green inspires calm and growth and blue inspires trust.

Source: http://thelogocompany.net/blog/infographics/psychology-color-logo-design/

Source: https://blog.kissmetrics.com/how-colors-affect-conversions/

Lastly, men also tend to prefer brighter colours and women softer ones.

[nelsonic]

@iteles have you seen this: http://materializecss.com/ ?

[iteles]

@nelsonic So. Thoughts on the colour scheme?

[As an aside, materializecss is pretty cool - though they seem to have quite a few open issues - and I'm tempted to take a weekend away from dwyl to get the landim site done - the work is practically done for me already]

[nelsonic]

Yeah, it was always going to be blue/green. the question is: should we use a hue of red/pink for the inside of the heart...? or just keep it a single color?

[iteles]

Absolutely a single colour (I really don't think any hues would look simple or elegant on the heart).
The question for me is more around which tones of blues and greens!

[nelsonic]

So glad you're on the case. I would never know what tone of blue/green to select. 👍

[iteles]

Sarcasm isn't a good look for you. 😏

[nelsonic]

For the record, my statement wasn't sarcasm. I genuinely haven't dedicated enough time to color theory to know what colors are "good"; I just go with what LGTM ... which is not "scientific" at all.

Google did an A-B Test of link color where they tested 40 variants in order to decide based on data: https://gigaom.com/2009/07/09/when-it-comes-to-links-color-matters
In the short term we won't have the usage volume to run experiments like Google does.
And in the medium term, I would prefer to make the interface user-customisable with "themes" allowing people to personalise the App to the exact colors they prefer to see.

So ... I propose we use a handful of colors as our scheme (hence linking to flatuicolors.com above)
Whereby the App feels nice and we don't need to spend too much time on color selection/debate.
Once we have a "critical mass" of people using the App we can dive into personalisation with themes.

I think it can be a really good visual cue to use different colors for meaning/emphasis e.g: #218