17 Fresh Web Tools for Working with Colors

Why You Should Avoid Vibrating Color Combinations

25 Brilliant Uses of Colorful Spectrums in Web Design | Design Shack

9 places to get inspiration for your website's color palette - The Next Web


BrandColors — a collection of major brand color codes

Browse Palettes :: COLOURlovers

cColor Blender

Why Facebook is Blue

Colllor - Color palette the right way

Color — Method of Action 

Color Survey Results | xkcd

color.hailpixel.com · Swatch you doing?

ColorBrewer Intro - Selecting Good Color Schemes for Maps

colorjoe by bebraw

ColoRotate: Home


Colour Contrast Check - snook.ca


Colours In Cultures

daylerees/colour-schemes · GitHub

Design for Hackers: Why Monet Never Used Black, & Why You Shouldn’t Either

Design Seeds®: For All Who Love Color

Designing for the Web: Resolution and Size » Web Design » Design Festival

Extract colors from photos and make color schemes | ColorSuckr

Finding the Right Color Palettes for Data Visualizations — Graphiq Engineering — Medium

Flickr Flow / Fernanda Viegas & Martin Wattenberg

Free For All: Art Box Photoshop Swatches | CreativePro.com

Free For All: Photoshop Brushes, Fonts, and Image Tools | CreativePro.com

Hex Color

How do colors affect purchases? Infographic

How to Choose Colors Everyone Likes | CreativePro.com

How to Get a Professional Look With Color

Pretty IP - By Strange

RGB Colorspace Atlas, A Cubed Book Depicting Every Color Imaginable

slayeroffice | tools | color palette creator v1.6.1

The Code Side Of Color | Smashing Coding

The crayola-fication of the world: How we gave colors names, and it messed with our brains (part II) | Empirical Zeal

The Psychology of Color » Color » Design Festival

Web Blog / All 120 Crayon Names, Color Codes and Fun Facts by COLOURlovers :: COLOURlovers

What the Color?

Why Is Facebook Blue? The Science Behind Colors In Marketing | Fast Company | Business + Innovation

Colours and Their Meaning


  • trust, loyalty, honesty
  • one colour most free of cultural bias worldwide
  • not good colour for food as it is perceived as inedible
  • dominates seascapes but rarely seen in landscapes


  • strongest colour that signfies danger, passion, power, lust, energy, excitment and love
  • favored colour for Chinese as it keeps evil away and means long life
  • active, competitive, daring, aggressive, and impatient


  • leadership, respect, weath, passion, magic, mysticism, mystery, ceativity, ideas
  • hardest colour to mix
  • light purple is fun and casual - suggesting springtime
  • dark purple is heavy and can be overpowering


  • bright, gets attention - used for warnings
  • warm, playful, happy, inviting and stimulating
  • can indicate sickness


  • strong personality, confident, creative, adventurous, cheerful
  • grabs your attention
  • warmth, fire and flames, adventure, excitment
  • orange has the power of red but is less intense


  • newness, regeneration life, growth, health
  • energy, faith, money (not universal)
  • most restful colour to the human eye
  • contentment, harmony, freshness, caring, moral and sensitive


  • sustenance, smplificy, comfort, quality
  • credibility, neatural, stability, harmony, renewal, history
  • Pink
  • most often used in confectionary
  • passion and purity, romance


  • strength, determination, power, formailty
  • top of the line, class, mysterious
  • few logos are basic black
  • suggests evil and darkness


  • really classy, corporate
  • like black but less bold


Source: Blue is Hot, Red is Cool: Choosing the Right Colour for Your Logo by David Carter (2001)

Here's a good hint I grabbed from Dribbble:

  1. Find the colors you want.  Don't worry about cohesion yet.
  2. Pick a color you want to tint everything towards (like yellow for energy)
  3. Overlay the colors with this tint and play with the blending mode and opacity til you get something to work with.
  4. Tada!  Cohesive color scheme created.


Colour Resources

Everything you Need to Know about Color

10 Color Inspiration Secrets Only Designers Know About – Design School

10 sets of watercolour brushes for Photoshop

100 Brilliant Color Combinations: And How to Apply Them to Your Designs – Design School

25% of the people have a 4th cone and see colors as they are ;p

Coffee is the color

30 Flat Design Color Palettes That Just Work - StumbleUpon


Check My Colours - Analyse the color contrast of your web pages

Coblis — Color Blindness Simulator | Colblindor

Cohesive Colors | A tool for creating more cohesive color schemes.

Color Alchemy with Less: Creating Color Schemes and Palettes

Color Hunt

Color Template

Color Theory for Designers, Part 1: The Meaning of Color - Smashing Magazine

Color Theory For Designers, Part 2: Understanding Concepts And Terminology - Smashing Magazine

Color Wheel - Color Calculator | Sessions College



Coolors - The super fast color schemes generator!


Green Honey


How I Work with Color — Medium

How Well Do You Actually See The Color Blue

HTML Color Codes

Material Design Color Palette Generator - Material Palette

Palettab, For Chrome

PLTTS - Popular

Snazzy Maps - Free Styles for Google Maps

Style tiles

Stylify Me - Online Style Guide Generator

The great RGB guessing challenge

The Psychology of Color in Marketing and Branding

Least common colour on the web

uiGradients - Beautiful coloured gradients

Understanding Color Psychology for Impactful Web Design - Designmodo

What colour is it?

Why the Right Color Palette Matters for Your Brand | AddThis Blog

This page contains information I gathered and thought were very useful. See more notes on programming.

Just to let you know, this page was last updated Wednesday, Mar 21 18