Radix UI Colors

Complete Radix UI color system featuring 28 carefully crafted color scales with 12 perceptually uniform steps each. Designed for building accessible, consistent user interfaces with predictable contrast ratios across light and dark themes. Includes 6 gray scales and 22 accent colors spanning the full spectrum.

Gray 1

#FCFCFC

Gray 2

#F9F9F9

Gray 3

#F0F0F0

Gray 4

#E8E8E8

Gray 5

#E0E0E0

Gray 6

#D9D9D9

Gray 7

#CECECE

Gray 8

#BBBBBB

Gray 9

#8D8D8D

Gray 10

#838383

Gray 11

#646464

Gray 12

#202020

Mauve 1

#FDFCFD

Mauve 2

#FAF9FB

Mauve 3

#F2EFF3

Mauve 4

#EAE7ED

Mauve 5

#E2DFE6

Mauve 6

#DBD8E0

Mauve 7

#D0CDD7

Mauve 8

#BCBAC6

Mauve 9

#8E8C99

Mauve 10

#84828E

Mauve 11

#65636D

Mauve 12

#211F26

Slate 1

#FCFCFD

Slate 2

#F9F9FB

Slate 3

#F0F0F3

Slate 4

#E8E8EC

Slate 5

#E0E0E5

Slate 6

#D9D9DE

Slate 7

#CDCED6

Slate 8

#B9BBC6

Slate 9

#8B8D98

Slate 10

#80838D

Slate 11

#60646C

Slate 12

#1C2024

Sage 1

#FBFDFC

Sage 2

#F7F9F8

Sage 3

#EEF1F0

Sage 4

#E6E9E8

Sage 5

#DEE2E0

Sage 6

#D7DBD9

Sage 7

#CBCFCD

Sage 8

#B8BCBA

Sage 9

#868E8B

Sage 10

#7C8480

Sage 11

#5F6563

Sage 12

#1A211E

Olive 1

#FCFDFC

Olive 2

#F8FAF8

Olive 3

#EFF1EF

Olive 4

#E7E9E7

Olive 5

#DFE2DF

Olive 6

#D7DAD7

Olive 7

#CCCFCC

Olive 8

#B9BCB8

Olive 9

#898E87

Olive 10

#7F847D

Olive 11

#60655F

Olive 12

#1D211C

Sand 1

#FDFDFC

Sand 2

#F9F9F8

Sand 3

#F1F0EF

Sand 4

#E9E8E6

Sand 5

#E2E1DE

Sand 6

#DAD9D6

Sand 7

#CFCECA

Sand 8

#BCBBB5

Sand 9

#8D8D86

Sand 10

#82827C

Sand 11

#63635E

Sand 12

#21201C

Tomato 2

#FFF8F7

Tomato 3

#FEEBE7

Tomato 4

#FFDCD3

Tomato 5

#FFCDC2

Tomato 6

#FDBDAF

Tomato 7

#F5A898

Tomato 8

#EC8E7B

Tomato 9

#E54D2E

Tomato 10

#DD4425

Tomato 11

#D13415

Tomato 12

#5C271F

Red 1

#FFFCFC

Red 2

#FFF7F7

Red 3

#FEEBEC

Red 4

#FFDBDC

Red 5

#FFCDCE

Red 6

#FDBDBE

Red 7

#F4A9AA

Red 8

#EB8E90

Red 9

#E5484D

Red 10

#DC3E42

Red 11

#CE2C31

Red 12

#641723

Ruby 2

#FFF7F8

Ruby 3

#FEEAED

Ruby 4

#FFDCE1

Ruby 5

#FFCED6

Ruby 6

#F8BFC8

Ruby 7

#EFACB8

Ruby 8

#E592A3

Ruby 9

#E54666

Ruby 10

#DC3B5D

Ruby 11

#CA244D

Ruby 12

#64172B

Crimson 1

#FFFCFD

Crimson 2

#FEF7F9

Crimson 3

#FFE9F0

Crimson 4

#FEDCE7

Crimson 5

#FACEDD

Crimson 6

#F3BED1

Crimson 7

#EDADC8

Crimson 8

#E58FB1

Crimson 9

#E93D82

Crimson 10

#DF3478

Crimson 11

#D31E66

Crimson 12

#3D0D1D

Pink 1

#FFFCFE

Pink 2

#FEF7FB

Pink 3

#FEE9F5

Pink 4

#FBDCEF

Pink 5

#F6CEE7

Pink 6

#EFBEDC

Pink 7

#E7ACD0

Pink 8

#DD93C2

Pink 9

#D6409F

Pink 10

#CF3897

Pink 11

#C2298A

Pink 12

#651249

Plum 1

#FEFCFF

Plum 2

#FDF7FD

Plum 3

#FBEBFB

Plum 4

#F7DEF8

Plum 5

#F2D1F3

Plum 6

#E9C2EC

Plum 7

#DEAEE3

Plum 8

#CF91D8

Plum 9

#AB4ABA

Plum 10

#A144AF

Plum 11

#953EA3

Plum 12

#53195D

Purple 1

#FEFCFE

Purple 2

#FBF7FE

Purple 3

#F7EDFE

Purple 4

#F2E2FC

Purple 5

#EAD5F9

Purple 6

#E0C4F4

Purple 7

#D1AFEC

Purple 8

#BE93E4

Purple 9

#8E4EC6

Purple 10

#8347B9

Purple 11

#7938AB

Purple 12

#402060

Violet 1

#FDFCFE

Violet 2

#FAF8FF

Violet 3

#F4F0FE

Violet 4

#EBE4FF

Violet 5

#E1D4FB

Violet 6

#D4C2F7

Violet 7

#C2A5EF

Violet 8

#AA8DE4

Violet 9

#6E56CF

Violet 10

#654DC4

Violet 11

#5B41B5

Violet 12

#20134B

Iris 1

#FDFDFF

Iris 2

#F8F8FF

Iris 3

#F0F1FE

Iris 4

#E6E7FF

Iris 5

#DADCFF

Iris 6

#CED0F9

Iris 7

#B8BAF8

Iris 8

#9B9EF0

Iris 9

#5B5BD6

Iris 10

#5151CD

Iris 11

#4747C2

Iris 12

#1B1B4B

Indigo 1

#FDFDFE

Indigo 2

#F7F9FF

Indigo 3

#EDF2FE

Indigo 4

#E1E9FF

Indigo 5

#D2DEFF

Indigo 6

#C1D0FF

Indigo 7

#ABBDF9

Indigo 8

#8DA4EF

Indigo 9

#3E63DD

Indigo 10

#3358D4

Indigo 11

#3A5BC7

Indigo 12

#1F2D5C

Blue 1

#FBFDFF

Blue 2

#F4F8FF

Blue 3

#E6F0FF

Blue 4

#D5E4FF

Blue 5

#C2D5FF

Blue 6

#AEC5FC

Blue 7

#8DB4F8

Blue 8

#6FA1F2

Blue 9

#0090FF

Blue 10

#0588F0

Blue 11

#0D74CE

Blue 12

#113264

Cyan 1

#FAFDFE

Cyan 2

#F2FAFB

Cyan 3

#DEF7F9

Cyan 4

#CAEEF3

Cyan 5

#B5E4ED

Cyan 6

#9DD8E3

Cyan 7

#7EC8D8

Cyan 8

#52B1C5

Cyan 9

#00A2C7

Cyan 10

#0797B9

Cyan 11

#107D98

Cyan 12

#0D3C48

Teal 1

#FAFEFD

Teal 2

#F3FBF9

Teal 3

#E0F8F3

Teal 4

#CCF3EA

Teal 5

#B7ECDF

Teal 6

#9FE1D2

Teal 7

#83D3C0

Teal 8

#5CBAA8

Teal 9

#12A594

Teal 10

#0D9B8A

Teal 11

#068C7F

Teal 12

#0D3D38

Jade 1

#FBFEFD

Jade 2

#F4FBF7

Jade 3

#E6F7ED

Jade 4

#D6F1E3

Jade 5

#C3E9D7

Jade 6

#ACDEC8

Jade 7

#8BCEB6

Jade 8

#56BA9F

Jade 9

#29A383

Jade 10

#26997B

Jade 11

#208368

Jade 12

#1D3B2F

Green 1

#FBFEFC

Green 2

#F4FBF6

Green 3

#E6F6EB

Green 4

#D6F1DF

Green 5

#C4E8D1

Green 6

#ADDDC0

Green 7

#8ECEAA

Green 8

#5BB98B

Green 9

#30A46C

Green 10

#2B9A66

Green 11

#218358

Green 12

#193B2D

Grass 1

#FBFEFB

Grass 2

#F5FBF5

Grass 3

#E9F6E9

Grass 4

#DAF1DA

Grass 5

#C9E8C9

Grass 6

#B2DDB5

Grass 7

#94CE9A

Grass 8

#65BA74

Grass 9

#46A758

Grass 10

#3E9B4F

Grass 11

#2A7E3B

Grass 12

#203C25

Lime 1

#FCFDFA

Lime 2

#F8FAF3

Lime 3

#EEF6D6

Lime 4

#E2F0BD

Lime 5

#D3E7A6

Lime 6

#C2DA91

Lime 7

#ABC978

Lime 8

#8DB654

Lime 9

#BDEE63

Lime 10

#B0E64C

Lime 11

#5C7C2F

Lime 12

#37401C

Yellow 1

#FDFDF9

Yellow 2

#FEFCE9

Yellow 3

#FFFAB8

Yellow 4

#FFF394

Yellow 5

#FFE770

Yellow 6

#F3D768

Yellow 7

#E4C767

Yellow 8

#D5A92F

Yellow 9

#FFE629

Yellow 10

#FFDC00

Yellow 11

#9E6C00

Yellow 12

#473B1F

Amber 1

#FEFDFB

Amber 2

#FEFBE9

Amber 3

#FFF7C2

Amber 4

#FFEE9C

Amber 5

#FBE577

Amber 6

#F3D673

Amber 7

#E9C162

Amber 8

#E2A336

Amber 9

#FFC53D

Amber 10

#FFBA18

Amber 11

#AB6400

Amber 12

#4F3422

Orange 1

#FEFCFB

Orange 2

#FFF7ED

Orange 3

#FFEFD6

Orange 4

#FFDFB5

Orange 5

#FFD19A

Orange 6

#FFC182

Orange 7

#F5A623

Orange 9

#F76B15

Orange 10

#EF5F00

Orange 11

#CC4E00

Orange 12

#582D1D

Brown 1

#FEFDFC

Brown 2

#FCF9F6

Brown 3

#F6EEE7

Brown 4

#F0E4D9

Brown 5

#EBDACA

Brown 6

#E4CDB7

Brown 7

#DCBC9F

Brown 8

#CEA37E

Brown 9

#AD7F58

Brown 10

#A07553

Brown 11

#815E46

Brown 12

#3E332E

Bronze 1

#FDFCFB

Bronze 2

#FDF7F4

Bronze 3

#F6EDEA

Bronze 4

#EFE4DF

Bronze 5

#E7D9D3

Bronze 6

#DBCDC4

Bronze 7

#CDBBAF

Bronze 8

#B8A393

Bronze 9

#A18072

Bronze 10

#977669

Bronze 11

#846358

Bronze 12

#43302B