Accessible Colour Schemes

A juicy apple

emily — Sun, 31 Aug 2008 12:47:32 +0000

#2f0000

#a81400

#f48222

#ffe69e

#fff1eb

Enough of our photos of Cornwall for a moment. This week I’ve chosen a photo of an apple from stock.xchng which has lovely rich reds, oranges and yellows.

Here are the accessible combinations:

1. #2f0000 and #f48222	Example 1.1	Example 1.2
2. #2f0000 and #ffe69e	Example 2.1	Example 2.2
3. #2f0000 and #fff1eb	Example 3.1	Example 3.2
4. #a81400 and #ffe69e	Example 4.1	Example 4.2
5. #a81400 and #fff1eb	Example 5.1	Example 5.2

Tregeseal stone circle

emily — Mon, 25 Aug 2008 15:37:19 +0000

#2f445a

#f6f6f6

#414520

#938268

#f2ecb8

This week’s photo is of Tregeseal Stone Circle. It was a beautful sunny day in June when we walked over there.

Here are the accessible combinations:

1. #2f445a and #f6f6f6	Example 1.1	Example 1.2
2. #2f445a and #f2ecb8	Example 2.1	Example 2.2
3. #414520 and #f6f6f6	Example 3.1	Example 3.2
4. #414520 and #f2ecb8	Example 4.1	Example 4.2

Sky and cloud

emily — Tue, 12 Aug 2008 16:22:06 +0000

#0c0c0c

#364150

#919da9

#d4d5d4

#ffffff

Carrying on with using photos for inspiration, this week’s photo is of blue sky with a fluffy white cloud.

Here are the results, cool blues and greys:

1. #0c0c0c and #ffffff	Example 1.1	Example 1.2
2. #0c0c0c and #d4d5d4	Example 2.1	Example 2.2
3. #0c0c0c and #919da9	Example 3.1	Example 3.2
4. #364150 and #ffffff	Example 4.1	Example 4.2
5. #364150 and #d4d5d4	Example 5.1	Example 5.2

Courgette plant

emily — Sun, 03 Aug 2008 11:41:01 +0000

#505016

#e6c770

#d4d19e

#3e4e05

#ffffff

This week’s inspiration comes from a photo of a courgette plant. This was a plant we grew in our porch last year and I must say it did much better than this year’s effort.

Again, I droppered some colours from the photo and tweaked them to get some good contrast for accessibility:

1. #505016 and #e6c770	Example 1.1	Example 1.2
2. #505016 and #d4d19e	Example 2.1	Example 2.2
3. #505016 and #ffffff	Example 3.1	Example 3.2
4. #3e4e05 and #e6c770	Example 4.1	Example 4.2
5. #3e4e05 and #d4d19e	Example 5.1	Example 5.2
6. #3e4e05 and #ffffff	Example 6.1	Example 6.2

Cornish granite

emily — Sun, 27 Jul 2008 15:01:35 +0000

I was shocked to find that it’s been over a year since I’ve added to this site. How rubbish of me. Definitely time for another colour scheme!

#48484a

#c6cece

#ffffff

#a0af7f

#263f2c

These colours were inspired by a photo that we took whilst on a walk by the sea near where we live. It’s some exposed granite on the cliffs at Cot Valley.

I droppered some colours from the photo and then tweaked them to get some good contrast for accessibility:

1. #48484a and #c6cece	Example 1.1	Example 1.2
2. #48484a and #ffffff	Example 2.1	Example 2.2
3. #263f2c and #a0af7f	Example 3.1	Example 3.2
4. #263f2c and #ffffff	Example 4.1	Example 4.2

Julie’s colour scheme

emily — Sat, 02 Jun 2007 18:49:33 +0000

This is very exciting as we have received our first submitted colour scheme, so thanks to Julie for the following:

#204e77

#a99a89

#7d6488

#5d1f22

#ffaa01

There is just one accessible pairing of colours in this selection:

1. #5d1f22 and #ffaa01	Example 1.1	Example 1.2

I would therefore suggest changing the orange for white and maybe lightening the taupe a bit, to give the following:

#204e77

#cfc7bd

#7d6488

#5d1f22

#ffffff

And these accessible combinations:

1. #ffffff and #204e77	Example 1.1	Example 1.2
2. #ffffff and #7d6488	Example 2.1	Example 2.2
3. #ffffff and #5d1f22	Example 3.1	Example 3.2
4. #cfc7bd and #204e77	Example 4.1	Example 4.2
5. #cfc7bd and #5d1f22	Example 5.1	Example 5.2

Of course there are other ways of increasing the contrast between the suggested colours - instead of bringing in the white I could have chosen a lighter shade of orange so that it would work with the blue. Thanks again for the suggestion, keep them coming!

Autumn leaves

emily — Mon, 07 May 2007 09:15:21 +0000

#ffffff

#ffaa01

#f96c1d

#8a462e

#000000

The warm yellow, orange and brown of this colour scheme are reminiscent of autumn leaves. Accessible pairings of colours are as follows:

1. #ffffff and #8a462e	Example 1.1	Example 1.2
2. #ffffff and #000000	Example 2.1	Example 2.2
3. #ffaa01 and #000000	Example 3.1	Example 3.2
4. #f96c1d and #000000	Example 4.1	Example 4.2

Blue, purple and pink

emily — Sun, 04 Feb 2007 18:05:27 +0000

#1e444e

#3f2358

#bc85a8

#f4d5e8

#ffffff

This colour scheme combines striking blue and purple with subtler pinks. Accessible pairings of colours are as follows:

1. #1e444e and #ffffff	Example 1.1	Example 1.2
2. #3f2358 and #ffffff	Example 2.1	Example 2.2
3. #1e444e and #f4d5e8	Example 3.1	Example 3.2
4. #3f2358 and #f4d5e8	Example 4.1	Example 4.2

Accessible Colour Schemes 2 - blues and greens

emily — Sun, 28 Jan 2007 10:57:03 +0000

#295e51

#204e77

#6593bc

#f1f4f4

#ffffff

The first colour scheme for this website was thought to be a bit lacking in colour, so we are trying out version two. This scheme uses complementary greens and blues to bring more colour to the page. Accessible pairings of colours are as follows:

1. #295e51 and #ffffff	Example 1.1	Example 1.2
2. #204e77 and #ffffff	Example 2.1	Example 2.2
3. #295e51 and #f1f4f4	Example 3.1	Example 3.2
4. #204e77 and #f1f4f4	Example 4.1	Example 4.2

Blues with red

emily — Sun, 21 Jan 2007 16:44:55 +0000

#5e191c

#2c313b

#8c98ae

#dbdce3

#ffffff

This colour scheme could be used for a corporate-style website. It is a combination of blues with red as a highlight colour. Accessible pairings of colours are as follows:

1. #5e191c and #ffffff	Example 1.1	Example 1.2
2. #2c313b and #ffffff	Example 2.1	Example 2.2
3. #5e191c and #dbdce3	Example 3.1	Example 3.2
4. #2c313b and #dbdce3	Example 4.1	Example 4.2