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