Radix UI Colors
Radix Colors provides 28 color scales with 12 perceptually uniform steps each. Designed for accessible UI with predictable contrast ratios across light and dark themes.
336 colors
Official docs →
Gray
1
2
3
4
5
6
7
8
9
10
11
12
Mauve
1
2
3
4
5
6
7
8
9
10
11
12
Slate
1
2
3
4
5
6
7
8
9
10
11
12
Sage
1
2
3
4
5
6
7
8
9
10
11
12
Olive
1
2
3
4
5
6
7
8
9
10
11
12
Sand
1
2
3
4
5
6
7
8
9
10
11
12
Tomato
1
2
3
4
5
6
7
8
9
10
11
12
Red
1
2
3
4
5
6
7
8
9
10
11
12
Ruby
1
2
3
4
5
6
7
8
9
10
11
12
Crimson
1
2
3
4
5
6
7
8
9
10
11
12
Pink
1
2
3
4
5
6
7
8
9
10
11
12
Plum
1
2
3
4
5
6
7
8
9
10
11
12
Purple
1
2
3
4
5
6
7
8
9
10
11
12
Violet
1
2
3
4
5
6
7
8
9
10
11
12
Iris
1
2
3
4
5
6
7
8
9
10
11
12
Indigo
1
2
3
4
5
6
7
8
9
10
11
12
Blue
1
2
3
4
5
6
7
8
9
10
11
12
Cyan
1
2
3
4
5
6
7
8
9
10
11
12
Teal
1
2
3
4
5
6
7
8
9
10
11
12
Jade
1
2
3
4
5
6
7
8
9
10
11
12
Green
1
2
3
4
5
6
7
8
9
10
11
12
Grass
1
2
3
4
5
6
7
8
9
10
11
12
Lime
1
2
3
4
5
6
7
8
9
10
11
12
Yellow
1
2
3
4
5
6
7
8
9
10
11
12
Amber
1
2
3
4
5
6
7
8
9
10
11
12
Orange
1
2
3
4
5
6
7
8
9
10
11
12
Brown
1
2
3
4
5
6
7
8
9
10
11
12
Bronze
1
2
3
4
5
6
7
8
9
10
11
12