🤯 New: Coding Assessments Practice your skills on real-world programming challenges

Color In Design: Yellow

    Jennifer Farley
    Share

    Last week we took a look at the warm and vibrant orange in design. Today we’re staying on the same side of the color wheel with the color yellow. Just like orange and red, yellow is a warm color. It has connotations of nature, sunshine and spring and is generally considered to be a happy and hopeful color. Having said that, it can be a difficult color to work with and does not seem to be as popular in web design as the other colors we’ve looked at.

    Yellow is a high visibility color, hence its use in health and safety equipment and hazard signs. This high visibility is obviously eye-catching, but possibly too eye-catching on screen. Yellow sitting on a white backround is extremely hard on the eye. As mentioned yellow has many positive connotations, but it does also have associations with cowardice and deceit, “yellow-bellied” and “yellow journalism”.

    Using Yellow

    There are several shades of yellow, ranging from cream to lemon to golden. Yellow works extremely well as a companion to darker colors. It can brighten up a dark design enormously and can have a similar effect to red and orange in terms of catching the eye without being as bold. Yellow and blue are a popular combination, the yellow perking up more subdued blues and creating high contrast. Purple is the complementary color to yellow and it is also a high contrast combination. For more earthy color schemes, mix yellow with brown and moss and olive green. Combined with light green and orange, yellow creates a citrus or fruity palette. Black and yellow can be combined to create an industrial look.

    Yellow in logo design

    Here’s a few internationally recognized logo designs featuring yellow:

    image image image

    image image image

    Yellow In Web Design

    Below you’ll find a selection of web site using yellow either as a main background color or to highlight particular areas of the site.

    Gareth Dickey

    image

    I-amonline.com

    I Am Associates

    Creative Spark

    Creative Spark

    Helveticons

    image

    4-5 Lochside Avenue

    image

    Strange Native

    image

    Agent 89

    image

    Twist Systems

    image

    Ward Design

    image

    Design Charts

    image
    What do you think of the color yellow in design? Is it a color you like or avoid? Have you seen any well designed yellow sites that you really like?