Websites/Taskforce/Proposals/Common Color Palette

From MozillaWiki
Jump to: navigation, search

Color Palette

Note: this may fit in to the brand toolkit project as part of a visual palette guide.

Problem

A collage of blue headers, green buttons, shades of red, yellow, orange, and light blue. All collected at different Mozilla websites (mostly controlled by Mozilla, or believed to be).
A collage clippings from websites showing the similar but different colors used on a selection of Mozilla websites.

Websites in the Mozilla universe often look very different from each other. Granted, these websites all have different goals and purposes. However, by using a common color palette, these different sites could have their unique look, while still be more recognizable as Mozilla sites.

A collage of blue headers, green buttons, shades of red, yellow, orange, and light blue. All collected at different Mozilla controlled websites (or believed to be).

Solution

A solution would be to develop a common color palette to be used as a basis for Mozilla's websites. As apparent in the image above, dark blue, red, orange, yellow, light blue, and green are all common colors in the Mozilla universe. Preferably 6 (or more if needed) "Mozilla Colors/Gradients" would be developed and implemented to enhance the connection between the websites in the Mozilla universe, and to strengthen the Mozilla brand.

Proposal

Below is a table of proposed colors. These colors are currently (as of February 2011) used in the "Nova" theme of Mozilla.com and Army of Awesome.

(N.b., the gradients in the table below are only visible in browsers supporting -moz-linear-gradient).

Name Solid Gradient Hex values
Header Blue Solid: #33589f
Gradient: #3b69b1 to #2a4187
Aside Blue Solid: #cce2f3
Link Blue Solid: #447bc4
Button Green Solid: #74ba32
Gradient: #84c63c to #57a21f
Accent Red Solid: #b41b00
Accent Orange Solid: #f66408
Accent Yellow Solid: #ffbc00

Scope

In discussions with David Boswell the initial proposition is to include websites on the mozilla.org domain and websites that are planned to be moved to the mozilla.org domain as well as *.mozillalabs.com and *.mozillamessaging.com.

In addition, the list excludes abandoned websites decided to be retired or archived.

Websites that should be included

If any of these should not be included for some reason, please move the link to "Websites that should not be included" below. Please add a comment to why this is the case.

Sites on *.mozilla.org/*

Sites outside *.mozilla.org/*

Websites up for discussion for inclusion

Websites that should not be included

Websites from the list above that should not be included should be moved below. Please add a comment to why this is the case as well, e.g. "technical reasons".