Overview
Our palette is designed for styling Firefox user interfaces.
We make use of oklch(), a newer CSS function corresponding to a modern color space that supports wider gamuts and enables the creation of a perceptual color palette.
neutral
0
10
20
30
40
50
60
70
80
90
100
110
cool
0
10
20
30
40
50
60
70
80
90
100
110
warm
0
10
20
30
40
50
60
70
80
90
100
110
red
0
10
20
30
40
50
60
70
80
90
100
110
orange
0
10
20
30
40
50
60
70
80
90
100
110
yellow
0
10
20
30
40
50
60
70
80
90
100
110
green
0
10
20
30
40
50
60
70
80
90
100
110
cyan
0
10
20
30
40
50
60
70
80
90
100
110
blue
0
10
20
30
40
50
60
70
80
90
100
110
violet
0
10
20
30
40
50
60
70
80
90
100
110
purple
0
10
20
30
40
50
60
70
80
90
100
110
pink
0
10
20
30
40
50
60
70
80
90
100
110
Swatches
neutral
0
10
20
30
40
50
60
70
80
90
100
110
neutral 0
neutral 10
neutral 20
neutral 30
neutral 40
neutral 50
neutral 60
neutral 70
neutral 80
neutral 90
neutral 100
neutral 110
cool
0
10
20
30
40
50
60
70
80
90
100
110
cool 0
cool 10
cool 20
cool 30
cool 40
cool 50
cool 60
cool 70
cool 80
cool 90
cool 100
cool 110
warm
0
10
20
30
40
50
60
70
80
90
100
110
warm 0
warm 10
warm 20
warm 30
warm 40
warm 50
warm 60
warm 70
warm 80
warm 90
warm 100
warm 110
red
0
10
20
30
40
50
60
70
80
90
100
110
red 0
red 10
red 20
red 30
red 40
red 50
red 60
red 70
red 80
red 90
red 100
red 110
orange
0
10
20
30
40
50
60
70
80
90
100
110
orange 0
orange 10
orange 20
orange 30
orange 40
orange 50
orange 60
orange 70
orange 80
orange 90
orange 100
orange 110
yellow
0
10
20
30
40
50
60
70
80
90
100
110
yellow 0
yellow 10
yellow 20
yellow 30
yellow 40
yellow 50
yellow 60
yellow 70
yellow 80
yellow 90
yellow 100
yellow 110
green
0
10
20
30
40
50
60
70
80
90
100
110
green 0
green 10
green 20
green 30
green 40
green 50
green 60
green 70
green 80
green 90
green 100
green 110
cyan
0
10
20
30
40
50
60
70
80
90
100
110
cyan 0
cyan 10
cyan 20
cyan 30
cyan 40
cyan 50
cyan 60
cyan 70
cyan 80
cyan 90
cyan 100
cyan 110
blue
0
10
20
30
40
50
60
70
80
90
100
110
blue 0
blue 10
blue 20
blue 30
blue 40
blue 50
blue 60
blue 70
blue 80
blue 90
blue 100
blue 110
violet
0
10
20
30
40
50
60
70
80
90
100
110
violet 0
violet 10
violet 20
violet 30
violet 40
violet 50
violet 60
violet 70
violet 80
violet 90
violet 100
violet 110
purple
0
10
20
30
40
50
60
70
80
90
100
110
purple 0
purple 10
purple 20
purple 30
purple 40
purple 50
purple 60
purple 70
purple 80
purple 90
purple 100
purple 110
pink
0
10
20
30
40
50
60
70
80
90
100
110
pink 0
pink 10
pink 20
pink 30
pink 40
pink 50
pink 60
pink 70
pink 80
pink 90
pink 100
pink 110