File: scales.md | Updated: 11/15/2025
ThemesThemes PrimitivesPrimitives IconsIcons ColorsColors
Documentation Custom palette Blog
Installation Usage Aliasing Custom palettes Releases
Scales Composing a palette Understanding the scale
An overview of all Radix Colors scales.
1
2
3
4
5
6
7
8
9
10
11
12
Gray
Gray Alpha
Gray Dark
Gray Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Mauve
Mauve Alpha
Mauve Dark
Mauve Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Slate
Slate Alpha
Slate Dark
Slate Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Sage
Sage Alpha
Sage Dark
Sage Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Olive
Olive Alpha
Olive Dark
Olive Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Sand
Sand Alpha
Sand Dark
Sand Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Gold
Gold Alpha
Gold Dark
Gold Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Bronze
Bronze Alpha
Bronze Dark
Bronze Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Brown
Brown Alpha
Brown Dark
Brown Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Yellow
Yellow Alpha
Yellow Dark
Yellow Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Amber
Amber Alpha
Amber Dark
Amber Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Orange
Orange Alpha
Orange Dark
Orange Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Tomato
Tomato Alpha
Tomato Dark
Tomato Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Red
Red Alpha
Red Dark
Red Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Ruby
Ruby Alpha
Ruby Dark
Ruby Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Crimson
Crimson Alpha
Crimson Dark
Crimson Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Pink
Pink Alpha
Pink Dark
Pink Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Plum
Plum Alpha
Plum Dark
Plum Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Purple
Purple Alpha
Purple Dark
Purple Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Violet
Violet Alpha
Violet Dark
Violet Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Iris
Iris Alpha
Iris Dark
Iris Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Indigo
Indigo Alpha
Indigo Dark
Indigo Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Blue
Blue Alpha
Blue Dark
Blue Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Cyan
Cyan Alpha
Cyan Dark
Cyan Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Teal
Teal Alpha
Teal Dark
Teal Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Jade
Jade Alpha
Jade Dark
Jade Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Green
Green Alpha
Green Dark
Green Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Grass
Grass Alpha
Grass Dark
Grass Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Lime
Lime Alpha
Lime Dark
Lime Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Mint
Mint Alpha
Mint Dark
Mint Dark Alpha
1
2
3
4
5
6
7
8
9
10
11
12
Sky
Sky Alpha
Sky Dark
Sky Dark Alpha
These scales are designed for overlays and don’t change across light and dark theme.
1
2
3
4
5
6
7
8
9
10
11
12
Black Alpha
White Alpha
PreviousReleases