Firefox OS Color Palette

Basics

Color palettes have been designed to cover the needs of legibility, hierarchy, highlight and feedback. We encourage the use of colors as they are, but are aware this is not always possible. Other colors variations can be used but this will be at the designers’ discretion.

Main Colors

#00AACC

Blue

#FF4E00

Orange

#CD6723

Brick

#B90000

Red

#5F9B0A

Green

#000000

Black

#333333

Warm Grey

#2C393B

Grey

#F4F4F4

Light Grey

#EAEAE7

Ivory

All Colors

#000000

#333333

#4D4D4D

#5F5F5F

#858585

#A6A6A6

#C7C7C7

#E7E7E7

#EEEEEE

#F4F4F4F

#FFFFFF

#EAEAE7

#008EAB

#00AACC

#00CAF2

#B2F2FF

#820000

#B90000

#FF4E00

#CD6723

#4B780A

#1C2224

#222B2D

#2C393B

Recommended Gradients

For elements that require the use of a gradient please follow the suggested style. Subtle gradients are used to help define hierarchy and distinguish elements. Always remember to test gradients on the device to ensure they display correctly and as designed. In some cases, certain gradients may render better than others.