Radix Colors homepage
Documentation

The Scales

An overview of all 30 Radix Colors scales.

Colors

Radix Colors provides 15 color scales, designed for white foreground text at step 9.

Tomato

1
2
3
4
5
6
7
8
9
10
11
12
tomato
tomatoA
tomatoDark
tomatoDarkA

Red

1
2
3
4
5
6
7
8
9
10
11
12
red
redA
redDark
redDarkA

Crimson

1
2
3
4
5
6
7
8
9
10
11
12
crimson
crimsonA
crimsonDark
crimsonDarkA

Pink

1
2
3
4
5
6
7
8
9
10
11
12
pink
pinkA
pinkDark
pinkDarkA

Plum

1
2
3
4
5
6
7
8
9
10
11
12
plum
plumA
plumDark
plumDarkA

Purple

1
2
3
4
5
6
7
8
9
10
11
12
purple
purpleA
purpleDark
purpleDarkA

Violet

1
2
3
4
5
6
7
8
9
10
11
12
violet
violetA
violetDark
violetDarkA

Indigo

1
2
3
4
5
6
7
8
9
10
11
12
indigo
indigoA
indigoDark
indigoDarkA

Blue

1
2
3
4
5
6
7
8
9
10
11
12
blue
blueA
blueDark
blueDarkA

Cyan

1
2
3
4
5
6
7
8
9
10
11
12
cyan
cyanA
cyanDark
cyanDarkA

Teal

1
2
3
4
5
6
7
8
9
10
11
12
teal
tealA
tealDark
tealDarkA

Green

1
2
3
4
5
6
7
8
9
10
11
12
green
greenA
greenDark
greenDarkA

Grass

1
2
3
4
5
6
7
8
9
10
11
12
grass
grassA
grassDark
grassDarkA

Orange

1
2
3
4
5
6
7
8
9
10
11
12
orange
orangeA
orangeDark
orangeDarkA

Brown

1
2
3
4
5
6
7
8
9
10
11
12
brown
brownA
brownDark
brownDarkA

Bright Colors

Radix Colors provides 5 bright scales, designed for black foreground text at step 9.

Sky

1
2
3
4
5
6
7
8
9
10
11
12
sky
skyA
skyDark
skyDarkA

Mint

1
2
3
4
5
6
7
8
9
10
11
12
mint
mintA
mintDark
mintDarkA

Lime

1
2
3
4
5
6
7
8
9
10
11
12
lime
limeA
limeDark
limeDarkA

Yellow

1
2
3
4
5
6
7
8
9
10
11
12
yellow
yellowA
yellowDark
yellowDarkA

Amber

1
2
3
4
5
6
7
8
9
10
11
12
amber
amberA
amberDark
amberDarkA

Grays

Radix Colors provides 6 gray scales.

Gray

1
2
3
4
5
6
7
8
9
10
11
12
gray
grayA
grayDark
grayDarkA

Mauve

1
2
3
4
5
6
7
8
9
10
11
12
mauve
mauveA
mauveDark
mauveDarkA

Slate

1
2
3
4
5
6
7
8
9
10
11
12
slate
slateA
slateDark
slateDarkA

Sage

1
2
3
4
5
6
7
8
9
10
11
12
sage
sageA
sageDark
sageDarkA

Olive

1
2
3
4
5
6
7
8
9
10
11
12
olive
oliveA
oliveDark
oliveDarkA

Sand

1
2
3
4
5
6
7
8
9
10
11
12
sand
sandA
sandDark
sandDarkA

Metals

Radix Colors provides 2 metal scales.

Bronze

1
2
3
4
5
6
7
8
9
10
11
12
bronze
bronzeA
bronzeDark
bronzeDarkA

Gold

1
2
3
4
5
6
7
8
9
10
11
12
gold
goldA
goldDark
goldDarkA

Overlays

The black and white scales are designed for overlays. These scales don’t change across themes.



1
2
3
4
5
6
7
8
9
10
11
12
blackA
whiteA
Previous
Aliasing
Next
Composing a palette
Edit this page on GitHub.