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).

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/*

• https://addons.mozilla.org/
• http://air.mozilla.com/
• http://blog.mozilla.com/ -- contains various blogs with different themes
• http://bonsai.mozilla.org/
• http://browserchoice.mozilla.com/
• http://build-graphs.mozilla.org/
• http://byob.mozilla.com/
• https://communitystore.mozilla.org/
• http://crash-stats.mozilla.com/
• http://creative.mozilla.org/
• https://developer.mozilla.org/
• https://doctor.mozilla.org/
• http://donate.mozilla.org/
• http://etherpad.mozilla.com/
• http://feeds.mozilla.org/
• http://firefoxlive.mozilla.org/
• http://graphs.mozilla.org/
• http://guides.mozilla.org/
• http://hacks.mozilla.org/
• http://input.mozilla.com/
• http://krakenbenchmark.mozilla.org/
• http://l10n.mozilla.org/
• http://landfill.mozilla.org/
• https://lists.mozilla.org/
• https://litmus.mozilla.org/
• https://localize.mozilla.org/
• https://mail.mozilla.org/
• http://www.mozilla.com/
• http://www.mozilla.org/
• http://www.mozillamessaging.com/
• http://mpl.mozilla.org/
• http://mxr.mozilla.org/
• http://nightly.mozilla.org/
• http://pastebin.mozilla.org/
• http://planet.mozilla.org/
• http://pulse.mozilla.org/
• http://quality.mozilla.org/
• http://releases.mozilla.org/
• http://services.mozilla.com/
• http://status.mozilla.com/
• http://store.mozilla.org/
• http://studentreps.mozilla.org/
• http://summitbook.mozilla.org/
• http://support.mozilla.com/
• http://support.mozillamessaging.com/
• http://tbpl.mozilla.org/
• http://tinderbox.mozilla.org/
• http://tools.mozilla.com/
• http://videos.mozilla.org/
• https://wiki.mozilla.org/

Sites outside *.mozilla.org/*

• http://www.drumbeat.org/
• http://www.mozillalabs.com/ and subdomains

Websites up for discussion for inclusion

• http://www.bugzilla.org/
• http://www.getfirebug.com/
• http://www.getpersonas.com/
• http://www.rockyourfirefox.com/
• http://www.spreadfirefox.com/
• http://www.spreadthunderbird.org/

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".

• http://viewvc.svn.mozilla.org/ (code repository browser, third-party tool. --wenzel)
• http://bzr.mozilla.org/ (repository browser)
• http://hg.mozilla.org/ (repository browser)
• http://svn.mozilla.org/ (repository browser)