Design Guide | Color

September 04, 2012

Hello E/D readers! I’m thrilled & honored to be sharing some design knowledge & tricks alongside Emma with our new column – Design Guide. We’re starting the series off with one of our favorite & most important design elements: COLOR! And the first post on color is dedicated to the basics. Whether you’re a new to design or a seasoned professional, check out the definitions & diagrams below to help refresh your memory on the fundamentals of color. Cheers & enjoy! –Chelsea Fullerton

THE COLOR WHEEL :
The color wheel is a basic yet super handy tool to remind us how colors relate to each other. It all starts with red, yellow & blue, or the primary colors. Secondary colors are created by mixing two primary colors together. ( yellow + blue = green ). Tertiary colors are the combination of one primary & one secondary ( red + orange = red/orange ). As easy as it is to create color combinations on the computer, I encourage you to go old school with your colored pencils or paints on occasion.

TYPES OF COLOR PALETTES :
When it comes to creating palettes, there are no rules. But using the below three palette tricks is always a good place to start when picking a set of colors that will compliment each other nicely.

Monochrome / A monochrome palette uses just one color (hue) in a range of light and dark shades. In the example above, I used the lovely red/orange as my base color.

Analogous / This set of colors describes the use of hues that are close to one another on the color wheel. Analogous palettes are great for clients who need to deliver a calming message, like a yoga studio or spa.

Complimentary / This palette is the mix of two colors opposite one another on the color wheel, such as purple and yellow or red and green. The effect is dramatic and eye catching.

MORE TERMINOLOGY :
Hue / Another word for color.
Warm / The red, yellow and orange colors found on the color wheel.
Cool / The blue, green and purple colors found on the color wheel.
Tint / A color made lighter by adding white.
Shade / A color made darker by adding black.

COMMENTS ( 38 )
TAGS : Design, Design Guide

38 Comments

September 4th 2012

Love this new colum so much!

(reply)

September 4th 2012

Love this! I would love to know how you created the textures on your color swatches!

(reply)

replied on September 4th, 2012 at 5:59 PM

HI @Maribeth!

I painted a couple different swatches using a watercolor set. then scanned them in and altered the colors in photoshop.

thanks!

September 4th 2012

Brilliant timing!!! Just about to take the leap into full-time freelance and this is such a great refresher! Thanks ladies!

(reply)

September 4th 2012

Love this. bringing me back to art school days. I was obsessed with my color theory class. obsessed. Quite possibly my favorite class from all…5 years of college.
xo Moorea

(reply)

emmadime
replied on September 4th, 2012 at 3:13 PM

@Moorea Seal,

Color is my fav too – 100% !!!!

September 4th 2012

This is such a superhero duo! Will be adding this blog to my regular routine!

(reply)

September 4th 2012

This sounds like such a cool series, and i can’t wait to see the next parts. i love thE subtle texture of the wheel/palettes!

(reply)

September 4th 2012

pure love.
can’t wait for the rest!

(reply)

September 4th 2012

I’m loving your take on the wheel…and how you simplified the terminology! as someone who just completed a gnarly graduate color theory course- this is really the perfect starting place for any art or design beginner.

loves it…looking forward to the rest of the series!

(reply)

emmadime
replied on September 4th, 2012 at 3:14 PM

@Rox,

That is so good to hear!!
no headaches when reading this column, ha.

September 4th 2012

diggin’ this new column section & excited for what’s to come. i remember learning about the color wheel in design I and II. then drawing, then figure drawing. pretty useful tool to have.

(reply)

September 4th 2012

I’m bookmarking this page to study it a little more.

I’m looking forward to the rest of the series!

(reply)

September 4th 2012

you are so fab. thank you for the inspiration and beginner’s help ;)

(reply)

September 4th 2012

I love this refresher course on color, it was my favorite topic in design school! Beautifully done :)

(reply)

September 4th 2012

I am so so thrilled to hear everyone is digging the new column. emma and I can’t wait to reveal all the fun topics and projects we have Planned.

don’t hesitate to ask specific questions in the comments section and thanks for the support!

(reply)

September 4th 2012

Loving the little diagrams that went along with this post. Would love it if you’d offer prints of them! I so want that color wheel in my office area.

(reply)

emmadime
replied on September 4th, 2012 at 8:51 PM

@Whitney,

SUCH an awesome idea +
We will definitely consider this :)

replied on September 5th, 2012 at 6:07 AM

@Whitney, Yes!! Great idea. I would get a lot of use having this hanging in my work area.

September 4th 2012

what an informative, fun new series! i’ll def be checkin in on this to get schooled in design. well done!

(reply)

September 5th 2012

Thanks for explaining everything in a such a clear + pretty way! I’m looking forward to the next installment of this guide.

(reply)

September 5th 2012

great idea! thank you for bringing it in!

(reply)

September 5th 2012

so amazing! looking forward to reading all future posts! x

(reply)

September 5th 2012

This is absolutely fantastic,ladies! Color theory was always my favorite in design school and it’s still something i’m obsessed with. for anyone looking for an easy to understand guide, they’ve got it here!! love the clean, “hand-made” vibe of this guide. Can’t wait to see what you share next!

(reply)

September 5th 2012

by the way, i just took a MAJOR detour through Chelsea’s site… stellar work, lady!!! Love it all.

(reply)

Emmadime
replied on September 5th, 2012 at 10:26 AM

@HILary Inspired,

isn’t she amazing??
I’m lucky to have her for this column!!

replied on September 5th, 2012 at 4:09 PM

@HILary Inspired, well aren’t you a sweetheart. Thanks for the support.

I’m so pumped FOR what’s to come!

September 5th 2012

amazing. keep bringing it. love that texture in the color bubbles. great work, ladies!

(reply)

September 5th 2012

i love the tones of the colors used and the “the subtle texture of the Wheels”, to echo an earlier comment…making all the great info look so inviting and fun to read. really Well Done!

(reply)

September 7th 2012

I’ve always loved design. It plays a critical role in my job as an events organizer.

Hopefully if things go according to plan, i’ll be enrolling in a graphic design course. In the mean time, i’ll take notes from your guide! Hope to see more of this emma an chelsea!

(reply)

September 7th 2012

[...] great run down on some color basics. [...]

[...] picking a new font! I really wanted to stay in a more monochrome palette. Check out this amazing design guide on color with Chelsea Fullerton and Emma Robertson. I also knew I wanted to take the monochrome palette one [...]

September 18th 2012

[...] of Design Guide. I love how enthusiastic everyone was when we kicked the column off with a non-traditional color wheel. We are still focusing on color as it’s one of our favorite aspects of the design process. [...]

September 21st 2012

Hi,

i love your blog! i’m a graphics designer too! =)
would you mind telling me what font did you used in the “design guide” lettering?

i would appreciate if you could help me!
thanks!

(reply)

[...] Want to learn about designing with colour? Emma Dime and co. have started a fabulous new series. ✚ And Denise Saxton (via Breanna Rose) shares some more HTML [...]

October 1st 2012

fROM SPAIN I JUST CAN SAY ¡GRACIAS!

(reply)

October 4th 2012

I love your work, and this piece is amazing. As a designer, I appreciate the sharing, caring and inspiring you two wonderful ladies do.

I found you two through kinfolk, and there is this dedication that shines thru all of your work. To me, that is inspiring. I helps me know that what i aim to attain is a few tweaks and rule to my style game, as my brand.

Thanks!

(reply)

[...] talk color. Emma + Chelsea have a great post on color if you want to learn the technical stuff they teach in design [...]



DESIGNED BY EMMA, DEVELOPED BY BREANNA ROSE.