Абсолютная цветовая палитра / CLR
Сырьё цветов дизайн-системы: 11 семейств × шкала из 40 шагов плюс особые белый и чёрный — 442 значения. Абсолютные токены не применяются в компонентах напрямую: из них собирается функциональная палитра.
Грамматика
<семейство>/<шаг>
GRY/200 · BLU/425 · BRA/PRM/025
GRY/200 · BLU/425 · BRA/PRM/025
-
Шаг — трёхзначное число
025…975с интервалом 25, у GRY есть000и шаг1000; чем больше, тем темнее; -
Особые семейства без шкалы:
WHT— белый;BLC— чёрный;
-
Брендовые семейства
BRA/PRMиBRA/SEC— единственные с составным кодом; сейчас совпадают с GRY и будут переопределены брендом;
Семейства
WHT
1 знач.
000#FFFFFF
BLC
1 знач.
000#1A1A1A
GRY
40 знач.
025#FCFCFC
050#FBFBFB
075#F9F9F9
100#F6F6F6
125#EFEFEF
150#E9E9E9
175#E2E2E2
200#DBDBDB
225#D5D5D5
250#CECECE
275#C8C8C8
300#C1C1C1
325#BABABA
350#B4B4B4
375#ADADAD
400#A6A6A6
425#A0A0A0
450#999999
475#939393
500#8C8C8C
525#858585
550#7F7F7F
575#787878
600#727272
625#6B6B6B
650#646464
675#5E5E5E
700#575757
725#505050
750#4A4A4A
775#434343
800#3D3D3D
825#363636
850#2F2F2F
875#292929
900#222222
925#1B1B1B
950#151515
975#0E0E0E
1000#080808
BLU
40 знач.
025#FAFAFC
050#F5F5FB
075#F0F0F9
100#E7E7F6
125#D5D5EF
150#C3C3E9
175#B2B2E2
200#A2A2DB
225#9393D5
250#8585CE
275#7777C8
300#6A6AC1
325#5F5FBA
350#5454B4
375#4A4AAD
400#4141A6
425#3939A0
450#323299
475#2B2B93
500#25258C
525#202085
550#1B1B7F
575#171778
600#131372
625#10106B
650#0D0D64
675#0B0B5E
700#090957
725#070750
750#05054A
775#040443
800#03033D
825#020236
850#02022F
875#010129
900#010122
925#00001B
950#000015
975#00000E
1000#000008
BRN
40 знач.
025#FCFAF9
050#FBF5F2
075#F9F1EC
100#F6E8E0
125#EFD6C8
150#E9C4B1
175#E2B49B
200#DBA486
225#D59572
250#CE8660
275#C8794F
300#C16D3F
325#BA6131
350#B45724
375#AD4D19
400#A6440F
425#A03C06
450#993600
475#933300
500#8C3100
525#852F00
550#7F2C00
575#782A00
600#722800
625#6B2500
650#642300
675#5E2100
700#571E00
725#501C00
750#4A1A00
775#431800
800#3D1500
825#361300
850#2F1100
875#290E00
900#220C00
925#1B0A00
950#150700
975#0E0500
1000#080300
GRN
40 знач.
025#F9FCFB
050#F2FBF7
075#ECF9F4
100#E0F6EC
125#C8EFDE
150#B1E9D0
175#9BE2C3
200#86DBB6
225#72D5AA
250#60CE9E
275#4FC893
300#3FC189
325#31BA7F
350#24B476
375#19AD6D
400#0FA665
425#06A05D
450#009957
475#009353
500#008C4F
525#00854C
550#007F48
575#007844
600#007240
625#006B3D
650#006439
675#005E35
700#005731
725#00502E
750#004A2A
775#004326
800#003D22
825#00361F
850#002F1B
875#002917
900#002213
925#001B10
950#00150C
975#000E08
1000#000804
ORG
40 знач.
025#FCFBF9
050#FCF9F4
075#FCF8EF
100#FCF4E6
125#FCEDD2
150#FBE6BE
175#F9DEAB
200#F7D697
225#F5CD84
250#F3C571
275#F0BD5F
300#ECB54D
325#E8AC3D
350#E4A42E
375#DF9C20
400#DA9413
425#D48D08
450#CE8600
475#C78200
500#C07D00
525#B97800
550#B17300
575#A96E00
600#A06800
625#986300
650#8E5D00
675#855600
700#7B5000
725#714900
750#674300
775#5D3C00
800#523600
825#482F00
850#3E2800
875#342200
900#2A1B00
925#211500
950#180F00
975#0F0A00
1000#080500
PNK
40 знач.
025#FCF9FA
050#FCF4F8
075#FCEFF5
100#FCE6EF
125#FCD2E4
150#FBBED9
175#F9ABCD
200#F797C1
225#F584B5
250#F371A9
275#F05F9D
300#EC4D92
325#E83D87
350#E42E7D
375#DF2073
400#DA1369
425#D40860
450#CE0059
475#C70056
500#C00053
525#B90050
550#B1004D
575#A90049
600#A00046
625#980042
650#8E003E
675#85003A
700#7B0035
725#710031
750#67002D
775#5D0028
800#520024
825#48001F
850#3E001B
875#340016
900#2A0012
925#21000E
950#18000A
975#0F0007
1000#080003
RED
40 знач.
025#FCF9F9
050#FCF4F4
075#FCEFF0
100#FCE6E6
125#FCD2D4
150#FBBEC0
175#F9ABAD
200#F7979A
225#F58487
250#F37175
275#F05F63
300#EC4D53
325#E83D43
350#E42E34
375#DF2026
400#DA131A
425#D4080F
450#CE0007
475#C70007
500#C00006
525#B90006
550#B10006
575#A90006
600#A00005
625#980005
650#8E0005
675#850004
700#7B0004
725#710004
750#670003
775#5D0003
800#520003
825#480002
850#3E0002
875#340002
900#2A0001
925#210001
950#180001
975#0F0001
1000#080000
VIL
40 знач.
025#FBF9FC
050#FAF4FC
075#F9EFFC
100#F1E6FC
125#F0D2FC
150#EABEFB
175#E3ABF9
200#DC97F7
225#D584F5
250#CE71F3
275#C75FF0
300#BF4DEC
325#B83DE8
350#B02EE4
375#A920DF
400#A213DA
425#9A08D4
450#9400CE
475#8F00C7
500#8A00C0
525#8500B9
550#7F00B1
575#7900A9
600#7300A0
625#6D0098
650#66008E
675#5F0085
700#58007B
725#510071
750#4A0067
775#42005D
800#3B0052
825#340048
850#2C003E
875#250034
900#1E002A
925#170021
950#110018
975#0B000F
1000#050008
YEL
40 знач.
025#FCFCF7
050#FCFBF1
075#FCFAEB
100#FCF9DE
125#FCF5C4
150#FBF1AA
175#F9ED90
200#F7E877
225#F5E45E
250#F3DE45
275#F0D92E
300#ECD319
325#E8CE04
350#E4C900
375#DFC500
400#DAC000
425#D4BB00
450#CEB600
475#C7B000
500#C0AA00
525#B9A300
550#B19D00
575#A99500
600#A08E00
625#988600
650#8E7E00
675#857500
700#7B6D00
725#716400
750#675B00
775#5D5200
800#524900
825#484000
850#3E3700
875#342E00
900#2A2500
925#211D00
950#181500
975#0F0E00
1000#080700
BRA/PRM
40 знач.
025#FCFAFA
050#FEF7F7
075#FFF3F3
100#FFECED
125#FFDFDF
150#FFD1D1
175#FFC2C3
200#FFB3B5
225#FFA5A6
250#FF9698
275#FE8889
300#FB7A7C
325#F96D6E
350#F66062
375#F35355
400#EF484A
425#EA3D3F
450#E63335
475#E12A2C
500#DB2123
525#D5191B
550#CC1416
575#C21012
600#B80C0E
625#AE090B
650#A30709
675#980507
700#8D0305
725#810204
750#760103
775#6A0002
800#5E0001
825#520001
850#470001
875#3B0001
900#300001
925#250001
950#1B0000
975#110000
1000#080000
BRA/SEC
40 знач.
025#FCFCFC
050#FBFBFB
075#F9F9F9
100#F6F6F6
125#EFEFEF
150#E8E8E8
175#E1E1E1
200#DBDBDB
225#D4D4D4
250#CDCDCD
275#C7C7C7
300#C0C0C0
325#B9B9B9
350#B3B3B3
375#ACACAC
400#A5A5A5
425#9E9E9E
450#989898
475#919191
500#8A8A8A
525#848484
550#7D7D7D
575#767676
600#707070
625#696969
650#626262
675#5B5B5B
700#555555
725#4E4E4E
750#484848
775#414141
800#3B3B3B
825#343434
850#2E2E2E
875#282828
900#212121
925#1B1B1B
950#141414
975#0E0E0E
1000#080808