Brand Colors
The complete color system — Primary, Secondary, Base, Neutral, Success, Danger and Warning families for each of the three brand themes (Diamond, Amber, Opal). Every value is pulled directly from the LUSTER Figma Color System.
Primary
100
#F2EDFF
200
#DFD4FF
300
#C5B2FF
400
#AB8FFF
500
#916DFF
600
#794DFF
700
#6741D9
800
#5637B5
900
#452C91
1000
#362373
Secondary
100
#F1F1F2
200
#DEDDE0
300
#C4C2C8
400
#A9A6AE
500
#8F8B96
600
#76717F
700
#64606C
800
#54505A
900
#434048
1000
#353339
Base
100
#FFFFFF
200
#F8F7FB
300
#CECBDC
400
#B9B6C7
500
#3D4460
600
#24202D
Neutral
100
#ECECED
200
#D1D1D4
300
#ACADB2
400
#86878F
500
#62626D
600
#3F404D
700
#363641
800
#2D2D37
900
#24242C
1000
#1C1D23
Success
100
#E6FAED
200
#C2F2D4
300
#91E8B2
400
#5EDE8E
500
#2ED46B
600
#00CA4B
700
#00AC40
800
#008F35
900
#00732B
1000
#005B22
Danger
100
#FEE9E9
200
#FCCBCB
300
#FAA2A2
400
#F77777
500
#F54E4E
600
#F32727
700
#CF2121
800
#AD1C1C
900
#8B1616
1000
#6D1212
Warning
100
#FDF7E6
200
#FBECC2
300
#F7DD91
400
#F4CD5E
500
#F0BE2E
600
#EDB000
700
#C99600
800
#A87D00
900
#876400
1000
#6B4F00
Primary
100
#F9F4EE
200
#F0E4D7
300
#E5CFB7
400
#D9B896
500
#CDA376
600
#C28F58
700
#A57A4B
800
#8A663E
900
#6F5232
1000
#574028
Secondary
100
#F1F1F2
200
#DEDDE0
300
#C4C2C8
400
#A9A6AE
500
#8F8B96
600
#76717F
700
#64606C
800
#54505A
900
#434048
1000
#353339
Base
100
#FFFFFF
200
#F9F5F1
300
#E2D7CC
400
#C0A892
500
#2A1F16
600
#1E140D
Neutral
100
#FDFBF9
200
#FAF6F2
300
#F7EFE7
400
#F3E8DC
500
#EFE1D1
600
#ECDAC7
700
#C9B9A9
800
#A89B8D
900
#877C71
1000
#6A625A
Success
100
#ECF1F1
200
#D2DEDD
300
#AFC4C2
400
#89A8A6
500
#668E8B
600
#447571
700
#3A6360
800
#305350
900
#274340
1000
#1F3533
Danger
100
#F4EDEF
200
#E5D4D8
300
#D1B2BA
400
#BB8E9A
500
#A66C7B
600
#934C5E
700
#7D4150
800
#683643
900
#542B36
1000
#42222A
Warning
100
#F3EFF9
200
#E1D9F1
300
#C9BBE6
400
#B09CDA
500
#997ECF
600
#8262C5
700
#6F53A7
800
#5C468C
900
#4A3870
1000
#3A2C59
Primary
100
#EBF3FE
200
#D0E1FD
300
#ABC9FB
400
#84B0F9
500
#5E99F8
600
#3B82F6
700
#326FD1
800
#2A5CAF
900
#224A8C
1000
#1B3A6F
Secondary
100
#F1F1F2
200
#DEDDE0
300
#C4C2C8
400
#A9A6AE
500
#8F8B96
600
#76717F
700
#64606C
800
#54505A
900
#434048
1000
#353339
Base
100
#FFFFFF
200
#F4F6FC
300
#DEE2F4
400
#AFB5D0
500
#3F4663
600
#292D3E
Neutral
100
#EDEDF0
200
#D3D4DB
300
#AFB2BE
400
#8A8EA0
500
#676B83
600
#464B68
700
#3C4058
800
#32354A
900
#282B3B
1000
#1F222F
Success
100
#F3FAE8
200
#E1F3C7
300
#CAE99B
400
#B2DF6D
500
#9AD541
600
#84CC17
700
#70AD14
800
#5E9110
900
#4B740D
1000
#3B5C0A
Danger
100
#FEECEF
200
#FCD1D8
300
#FAACBA
400
#F8869A
500
#F6627B
600
#F43F5E
700
#CF3650
800
#AD2D43
900
#8B2436
1000
#6E1C2A
Warning
100
#FDF7E6
200
#FAEDC3
300
#F6DE94
400
#F2CF62
500
#EEC133
600
#EAB306
700
#C79805
800
#A67F04
900
#856603
1000
#695103