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

Usage Examples

Blue

On state of switchers
Call to action and selected element
Button hit state

Orange

Indication icons
Alphabetical dividers

White and Light Greys for backgrounds

White for first level light apps
Light grey for second level light apps
Light grey for messaging app

Dark Greys

Pressed state of dialer icons
Media app headers

Red

Error cases
Missed calls
Hang up button

Download

You can download the Photoshop swatches here.