Back to Devexpress

Fluent Theme Palette

designsystem-405638-colors-theme-palettes-fluent-theme-palettes.md

latest57.8 KB
Original Source

Fluent Theme Palette

  • Dec 04, 2025
  • 17 minutes to read

DevExpress Fluent themes ship with 11 predefined primary colors:

This topic lists base CSS variables and associated values for all Fluent palettes. To see how the DevExpress Design System references these values at the theme level, refer to the Color Roles in the DevExpress Design System help topic.

Fluent Primary

CSS VariableValuePreview
--dxds-primary-10#E7EFF9
--dxds-primary-20#CEE0F5
--dxds-primary-30#B3D1F3
--dxds-primary-40#98C2F1
--dxds-primary-50#7AB2F0
--dxds-primary-60#5DA2EC
--dxds-primary-70#3C92E9
--dxds-primary-80#1582E1
--dxds-primary-90#0F6CBD
--dxds-primary-100#0D64B0
--dxds-primary-110#0B5699
--dxds-primary-120#064982
--dxds-primary-130#053B6C
--dxds-primary-140#032E56
--dxds-primary-150#022242
--dxds-primary-160#01162E
--dxds-primary-170#010C1B
CSS VariableValuePreview
--dxds-primary-10#E3F1F7
--dxds-primary-20#C5E4F2
--dxds-primary-30#A3D7ED
--dxds-primary-40#7DCAE9
--dxds-primary-50#4EBDE5
--dxds-primary-60#41ACD3
--dxds-primary-70#399CBF
--dxds-primary-80#348CAB
--dxds-primary-90#2D7D9A
--dxds-primary-100#276C86
--dxds-primary-110#205D73
--dxds-primary-120#1A4E62
--dxds-primary-130#144050
--dxds-primary-140#0E3340
--dxds-primary-150#092530
--dxds-primary-160#051920
--dxds-primary-170#020D12
CSS VariableValuePreview
--dxds-primary-10#F6EED5
--dxds-primary-20#F0DDA3
--dxds-primary-30#E4CD83
--dxds-primary-40#D3BC75
--dxds-primary-50#C2AD68
--dxds-primary-60#B19D5E
--dxds-primary-70#A08E54
--dxds-primary-80#907F4B
--dxds-primary-90#847545
--dxds-primary-100#6F6239
--dxds-primary-110#605530
--dxds-primary-120#514728
--dxds-primary-130#423A1F
--dxds-primary-140#342D17
--dxds-primary-150#272110
--dxds-primary-160#1A1609
--dxds-primary-170#0E0B04
CSS VariableValuePreview
--dxds-primary-10#CEF9EF
--dxds-primary-20#7FF7E0
--dxds-primary-30#3BECD1
--dxds-primary-40#21DBC0
--dxds-primary-50#04C9B1
--dxds-primary-60#03B8A1
--dxds-primary-70#02A691
--dxds-primary-80#019582
--dxds-primary-90#018574
--dxds-primary-100#007465
--dxds-primary-110#006457
--dxds-primary-120#005449
--dxds-primary-130#01453B
--dxds-primary-140#01362F
--dxds-primary-150#012822
--dxds-primary-160#011B16
--dxds-primary-170#010F0B
CSS VariableValuePreview
--dxds-primary-10#E1F3EE
--dxds-primary-20#BBE7DB
--dxds-primary-30#9ED8C9
--dxds-primary-40#8DC5B7
--dxds-primary-50#7DB3A6
--dxds-primary-60#6FA194
--dxds-primary-70#628F83
--dxds-primary-80#547D73
--dxds-primary-90#486860
--dxds-primary-100#3F5E57
--dxds-primary-110#35524B
--dxds-primary-120#2D453F
--dxds-primary-130#243934
--dxds-primary-140#1C2D29
--dxds-primary-150#14221E
--dxds-primary-160#0D1714
--dxds-primary-170#070D0B
CSS VariableValuePreview
--dxds-primary-10#FBE8F7
--dxds-primary-20#FBCEF2
--dxds-primary-30#FCB1EF
--dxds-primary-40#F39BE5
--dxds-primary-50#E885D9
--dxds-primary-60#DD6ECE
--dxds-primary-70#D256C3
--dxds-primary-80#CB47BB
--dxds-primary-90#C239B3
--dxds-primary-100#A43497
--dxds-primary-110#86257C
--dxds-primary-120#721E69
--dxds-primary-130#5F1757
--dxds-primary-140#4B1145
--dxds-primary-150#390B34
--dxds-primary-160#270624
--dxds-primary-170#170314
CSS VariableValuePreview
--dxds-primary-10#ECEEF7
--dxds-primary-20#D9DDF0
--dxds-primary-30#C7CCEA
--dxds-primary-40#B4BBE5
--dxds-primary-50#A2A9E1
--dxds-primary-60#9098DB
--dxds-primary-70#7F87D5
--dxds-primary-80#6E76CF
--dxds-primary-90#5B5FC7
--dxds-primary-100#5051C3
--dxds-primary-110#4545AA
--dxds-primary-120#393991
--dxds-primary-130#2E2E78
--dxds-primary-140#242461
--dxds-primary-150#1A1A4A
--dxds-primary-160#101034
--dxds-primary-170#07081F
CSS VariableValuePreview
--dxds-primary-10#FDE9EB
--dxds-primary-20#FFD0D6
--dxds-primary-30#FFB6C0
--dxds-primary-40#FF99AA
--dxds-primary-50#FF7794
--dxds-primary-60#FF5680
--dxds-primary-70#F24471
--dxds-primary-80#EE2665
--dxds-primary-90#EA005E
--dxds-primary-100#BF124E
--dxds-primary-110#A0003E
--dxds-primary-120#880033
--dxds-primary-130#710029
--dxds-primary-140#5B0020
--dxds-primary-150#450016
--dxds-primary-160#30010E
--dxds-primary-170#1D0106
CSS VariableValuePreview
--dxds-primary-10#FDEAE5
--dxds-primary-20#FFD2C6
--dxds-primary-30#FFBAA6
--dxds-primary-40#FF9F84
--dxds-primary-50#FD8869
--dxds-primary-60#F96D48
--dxds-primary-70#E75C38
--dxds-primary-80#E14E25
--dxds-primary-90#DA3B01
--dxds-primary-100#B6350D
--dxds-primary-110#982601
--dxds-primary-120#811F00
--dxds-primary-130#6B1901
--dxds-primary-140#561200
--dxds-primary-150#420B00
--dxds-primary-160#2D0701
--dxds-primary-170#1B0301
CSS VariableValuePreview
--dxds-primary-10#EDEEF0
--dxds-primary-20#DBDEE2
--dxds-primary-30#CACED4
--dxds-primary-40#B8BEC8
--dxds-primary-50#A7AFBA
--dxds-primary-60#959FAE
--dxds-primary-70#8590A1
--dxds-primary-80#748194
--dxds-primary-90#68768A
--dxds-primary-100#586475
--dxds-primary-110#4C5665
--dxds-primary-120#3F4855
--dxds-primary-130#333B46
--dxds-primary-140#282E37
--dxds-primary-150#1D2229
--dxds-primary-160#13161C
--dxds-primary-170#090B0F
CSS VariableValuePreview
--dxds-primary-10#EFEEEE
--dxds-primary-20#D9D7D6
--dxds-primary-30#C4C1BE
--dxds-primary-40#AFABA7
--dxds-primary-50#9A9692
--dxds-primary-60#85817E
--dxds-primary-70#716D6A
--dxds-primary-80#5D5A57
--dxds-primary-90#4C4A48
--dxds-primary-100#413F3D
--dxds-primary-110#393735
--dxds-primary-120#312F2D
--dxds-primary-130#292726
--dxds-primary-140#21201F
--dxds-primary-150#1A1917
--dxds-primary-160#121211
--dxds-primary-170#0B0B0B

Fluent Secondary

CSS VariableValuePreview
--dxds-secondary-10#FFFFFF
--dxds-secondary-20#F7F7F7
--dxds-secondary-30#EEEEEE
--dxds-secondary-40#E6E6E6
--dxds-secondary-50#DEDEDE
--dxds-secondary-60#D6D6D6
--dxds-secondary-70#CECECE
--dxds-secondary-80#C5C5C5
--dxds-secondary-90#BEBEBE
--dxds-secondary-100#A6A6A6
--dxds-secondary-110#8F8F8F
--dxds-secondary-120#797979
--dxds-secondary-130#636363
--dxds-secondary-140#4E4E4E
--dxds-secondary-150#3A3A3A
--dxds-secondary-160#282828
--dxds-secondary-170#161616
CSS VariableValuePreview
--dxds-secondary-10#FFFFFF
--dxds-secondary-20#F7F7F7
--dxds-secondary-30#EEEEEE
--dxds-secondary-40#E6E6E6
--dxds-secondary-50#DEDEDE
--dxds-secondary-60#D6D6D6
--dxds-secondary-70#CECECE
--dxds-secondary-80#C5C5C5
--dxds-secondary-90#BEBEBE
--dxds-secondary-100#A6A6A6
--dxds-secondary-110#8F8F8F
--dxds-secondary-120#797979
--dxds-secondary-130#636363
--dxds-secondary-140#4E4E4E
--dxds-secondary-150#3A3A3A
--dxds-secondary-160#282828
--dxds-secondary-170#161616
CSS VariableValuePreview
--dxds-secondary-10#FFFFFF
--dxds-secondary-20#F7F7F7
--dxds-secondary-30#EEEEEE
--dxds-secondary-40#E6E6E6
--dxds-secondary-50#DEDEDE
--dxds-secondary-60#D6D6D6
--dxds-secondary-70#CECECE
--dxds-secondary-80#C5C5C5
--dxds-secondary-90#BEBEBE
--dxds-secondary-100#A6A6A6
--dxds-secondary-110#8F8F8F
--dxds-secondary-120#797979
--dxds-secondary-130#636363
--dxds-secondary-140#4E4E4E
--dxds-secondary-150#3A3A3A
--dxds-secondary-160#282828
--dxds-secondary-170#161616
CSS VariableValuePreview
--dxds-secondary-10#FFFFFF
--dxds-secondary-20#F7F7F7
--dxds-secondary-30#EEEEEE
--dxds-secondary-40#E6E6E6
--dxds-secondary-50#DEDEDE
--dxds-secondary-60#D6D6D6
--dxds-secondary-70#CECECE
--dxds-secondary-80#C5C5C5
--dxds-secondary-90#BEBEBE
--dxds-secondary-100#A6A6A6
--dxds-secondary-110#8F8F8F
--dxds-secondary-120#797979
--dxds-secondary-130#636363
--dxds-secondary-140#4E4E4E
--dxds-secondary-150#3A3A3A
--dxds-secondary-160#282828
--dxds-secondary-170#161616
CSS VariableValuePreview
--dxds-secondary-10#FFFFFF
--dxds-secondary-20#F7F7F7
--dxds-secondary-30#EEEEEE
--dxds-secondary-40#E6E6E6
--dxds-secondary-50#DEDEDE
--dxds-secondary-60#D6D6D6
--dxds-secondary-70#CECECE
--dxds-secondary-80#C5C5C5
--dxds-secondary-90#BEBEBE
--dxds-secondary-100#A6A6A6
--dxds-secondary-110#8F8F8F
--dxds-secondary-120#797979
--dxds-secondary-130#636363
--dxds-secondary-140#4E4E4E
--dxds-secondary-150#3A3A3A
--dxds-secondary-160#282828
--dxds-secondary-170#161616
CSS VariableValuePreview
--dxds-secondary-10#FFFFFF
--dxds-secondary-20#F7F7F7
--dxds-secondary-30#EEEEEE
--dxds-secondary-40#E6E6E6
--dxds-secondary-50#DEDEDE
--dxds-secondary-60#D6D6D6
--dxds-secondary-70#CECECE
--dxds-secondary-80#C5C5C5
--dxds-secondary-90#BEBEBE
--dxds-secondary-100#A6A6A6
--dxds-secondary-110#8F8F8F
--dxds-secondary-120#797979
--dxds-secondary-130#636363
--dxds-secondary-140#4E4E4E
--dxds-secondary-150#3A3A3A
--dxds-secondary-160#282828
--dxds-secondary-170#161616
CSS VariableValuePreview
--dxds-secondary-10#FFFFFF
--dxds-secondary-20#F7F7F7
--dxds-secondary-30#EEEEEE
--dxds-secondary-40#E6E6E6
--dxds-secondary-50#DEDEDE
--dxds-secondary-60#D6D6D6
--dxds-secondary-70#CECECE
--dxds-secondary-80#C5C5C5
--dxds-secondary-90#BEBEBE
--dxds-secondary-100#A6A6A6
--dxds-secondary-110#8F8F8F
--dxds-secondary-120#797979
--dxds-secondary-130#636363
--dxds-secondary-140#4E4E4E
--dxds-secondary-150#3A3A3A
--dxds-secondary-160#282828
--dxds-secondary-170#161616
CSS VariableValuePreview
--dxds-secondary-10#FFFFFF
--dxds-secondary-20#F7F7F7
--dxds-secondary-30#EEEEEE
--dxds-secondary-40#E6E6E6
--dxds-secondary-50#DEDEDE
--dxds-secondary-60#D6D6D6
--dxds-secondary-70#CECECE
--dxds-secondary-80#C5C5C5
--dxds-secondary-90#BEBEBE
--dxds-secondary-100#A6A6A6
--dxds-secondary-110#8F8F8F
--dxds-secondary-120#797979
--dxds-secondary-130#636363
--dxds-secondary-140#4E4E4E
--dxds-secondary-150#3A3A3A
--dxds-secondary-160#282828
--dxds-secondary-170#161616
CSS VariableValuePreview
--dxds-secondary-10#FFFFFF
--dxds-secondary-20#F7F7F7
--dxds-secondary-30#EEEEEE
--dxds-secondary-40#E6E6E6
--dxds-secondary-50#DEDEDE
--dxds-secondary-60#D6D6D6
--dxds-secondary-70#CECECE
--dxds-secondary-80#C5C5C5
--dxds-secondary-90#BEBEBE
--dxds-secondary-100#A6A6A6
--dxds-secondary-110#8F8F8F
--dxds-secondary-120#797979
--dxds-secondary-130#636363
--dxds-secondary-140#4E4E4E
--dxds-secondary-150#3A3A3A
--dxds-secondary-160#282828
--dxds-secondary-170#161616
CSS VariableValuePreview
--dxds-secondary-10#FFFFFF
--dxds-secondary-20#F7F7F7
--dxds-secondary-30#EEEEEE
--dxds-secondary-40#E6E6E6
--dxds-secondary-50#DEDEDE
--dxds-secondary-60#D6D6D6
--dxds-secondary-70#CECECE
--dxds-secondary-80#C5C5C5
--dxds-secondary-90#BEBEBE
--dxds-secondary-100#A6A6A6
--dxds-secondary-110#8F8F8F
--dxds-secondary-120#797979
--dxds-secondary-130#636363
--dxds-secondary-140#4E4E4E
--dxds-secondary-150#3A3A3A
--dxds-secondary-160#282828
--dxds-secondary-170#161616
CSS VariableValuePreview
--dxds-secondary-10#FFFFFF
--dxds-secondary-20#F7F7F7
--dxds-secondary-30#EEEEEE
--dxds-secondary-40#E6E6E6
--dxds-secondary-50#DEDEDE
--dxds-secondary-60#D6D6D6
--dxds-secondary-70#CECECE
--dxds-secondary-80#C5C5C5
--dxds-secondary-90#BEBEBE
--dxds-secondary-100#A6A6A6
--dxds-secondary-110#8F8F8F
--dxds-secondary-120#797979
--dxds-secondary-130#636363
--dxds-secondary-140#4E4E4E
--dxds-secondary-150#3A3A3A
--dxds-secondary-160#282828
--dxds-secondary-170#161616

Fluent Info

CSS VariableValuePreview
--dxds-info-10#EAEEFA
--dxds-info-20#D4DDF7
--dxds-info-30#BECDF6
--dxds-info-40#A8BCF5
--dxds-info-50#92AAF5
--dxds-info-60#7E99F3
--dxds-info-70#6A87F0
--dxds-info-80#5B7AFD
--dxds-info-90#4F6BED
--dxds-info-100#4159DB
--dxds-info-110#3042BD
--dxds-info-120#2632AB
--dxds-info-130#1D2298
--dxds-info-140#151A7B
--dxds-info-150#0E125F
--dxds-info-160#080B43
--dxds-info-170#030529
CSS VariableValuePreview
--dxds-info-10#EAEEFA
--dxds-info-20#D4DDF7
--dxds-info-30#BECDF6
--dxds-info-40#A8BCF5
--dxds-info-50#92AAF5
--dxds-info-60#7E99F3
--dxds-info-70#6A87F0
--dxds-info-80#5B7AFD
--dxds-info-90#4F6BED
--dxds-info-100#4159DB
--dxds-info-110#3042BD
--dxds-info-120#2632AB
--dxds-info-130#1D2298
--dxds-info-140#151A7B
--dxds-info-150#0E125F
--dxds-info-160#080B43
--dxds-info-170#030529
CSS VariableValuePreview
--dxds-info-10#EAEEFA
--dxds-info-20#D4DDF7
--dxds-info-30#BECDF6
--dxds-info-40#A8BCF5
--dxds-info-50#92AAF5
--dxds-info-60#7E99F3
--dxds-info-70#6A87F0
--dxds-info-80#5B7AFD
--dxds-info-90#4F6BED
--dxds-info-100#4159DB
--dxds-info-110#3042BD
--dxds-info-120#2632AB
--dxds-info-130#1D2298
--dxds-info-140#151A7B
--dxds-info-150#0E125F
--dxds-info-160#080B43
--dxds-info-170#030529
CSS VariableValuePreview
--dxds-info-10#EAEEFA
--dxds-info-20#D4DDF7
--dxds-info-30#BECDF6
--dxds-info-40#A8BCF5
--dxds-info-50#92AAF5
--dxds-info-60#7E99F3
--dxds-info-70#6A87F0
--dxds-info-80#5B7AFD
--dxds-info-90#4F6BED
--dxds-info-100#4159DB
--dxds-info-110#3042BD
--dxds-info-120#2632AB
--dxds-info-130#1D2298
--dxds-info-140#151A7B
--dxds-info-150#0E125F
--dxds-info-160#080B43
--dxds-info-170#030529
CSS VariableValuePreview
--dxds-info-10#EAEEFA
--dxds-info-20#D4DDF7
--dxds-info-30#BECDF6
--dxds-info-40#A8BCF5
--dxds-info-50#92AAF5
--dxds-info-60#7E99F3
--dxds-info-70#6A87F0
--dxds-info-80#5B7AFD
--dxds-info-90#4F6BED
--dxds-info-100#4159DB
--dxds-info-110#3042BD
--dxds-info-120#2632AB
--dxds-info-130#1D2298
--dxds-info-140#151A7B
--dxds-info-150#0E125F
--dxds-info-160#080B43
--dxds-info-170#030529
CSS VariableValuePreview
--dxds-info-10#EAEEFA
--dxds-info-20#D4DDF7
--dxds-info-30#BECDF6
--dxds-info-40#A8BCF5
--dxds-info-50#92AAF5
--dxds-info-60#7E99F3
--dxds-info-70#6A87F0
--dxds-info-80#5B7AFD
--dxds-info-90#4F6BED
--dxds-info-100#4159DB
--dxds-info-110#3042BD
--dxds-info-120#2632AB
--dxds-info-130#1D2298
--dxds-info-140#151A7B
--dxds-info-150#0E125F
--dxds-info-160#080B43
--dxds-info-170#030529
CSS VariableValuePreview
--dxds-info-10#EAEEFA
--dxds-info-20#D4DDF7
--dxds-info-30#BECDF6
--dxds-info-40#A8BCF5
--dxds-info-50#92AAF5
--dxds-info-60#7E99F3
--dxds-info-70#6A87F0
--dxds-info-80#5B7AFD
--dxds-info-90#4F6BED
--dxds-info-100#4159DB
--dxds-info-110#3042BD
--dxds-info-120#2632AB
--dxds-info-130#1D2298
--dxds-info-140#151A7B
--dxds-info-150#0E125F
--dxds-info-160#080B43
--dxds-info-170#030529
CSS VariableValuePreview
--dxds-info-10#EAEEFA
--dxds-info-20#D4DDF7
--dxds-info-30#BECDF6
--dxds-info-40#A8BCF5
--dxds-info-50#92AAF5
--dxds-info-60#7E99F3
--dxds-info-70#6A87F0
--dxds-info-80#5B7AFD
--dxds-info-90#4F6BED
--dxds-info-100#4159DB
--dxds-info-110#3042BD
--dxds-info-120#2632AB
--dxds-info-130#1D2298
--dxds-info-140#151A7B
--dxds-info-150#0E125F
--dxds-info-160#080B43
--dxds-info-170#030529
CSS VariableValuePreview
--dxds-info-10#EAEEFA
--dxds-info-20#D4DDF7
--dxds-info-30#BECDF6
--dxds-info-40#A8BCF5
--dxds-info-50#92AAF5
--dxds-info-60#7E99F3
--dxds-info-70#6A87F0
--dxds-info-80#5B7AFD
--dxds-info-90#4F6BED
--dxds-info-100#4159DB
--dxds-info-110#3042BD
--dxds-info-120#2632AB
--dxds-info-130#1D2298
--dxds-info-140#151A7B
--dxds-info-150#0E125F
--dxds-info-160#080B43
--dxds-info-170#030529
CSS VariableValuePreview
--dxds-info-10#EAEEFA
--dxds-info-20#D4DDF7
--dxds-info-30#BECDF6
--dxds-info-40#A8BCF5
--dxds-info-50#92AAF5
--dxds-info-60#7E99F3
--dxds-info-70#6A87F0
--dxds-info-80#5B7AFD
--dxds-info-90#4F6BED
--dxds-info-100#4159DB
--dxds-info-110#3042BD
--dxds-info-120#2632AB
--dxds-info-130#1D2298
--dxds-info-140#151A7B
--dxds-info-150#0E125F
--dxds-info-160#080B43
--dxds-info-170#030529
CSS VariableValuePreview
--dxds-info-10#EAEEFA
--dxds-info-20#D4DDF7
--dxds-info-30#BECDF6
--dxds-info-40#A8BCF5
--dxds-info-50#92AAF5
--dxds-info-60#7E99F3
--dxds-info-70#6A87F0
--dxds-info-80#5B7AFD
--dxds-info-90#4F6BED
--dxds-info-100#4159DB
--dxds-info-110#3042BD
--dxds-info-120#2632AB
--dxds-info-130#1D2298
--dxds-info-140#151A7B
--dxds-info-150#0E125F
--dxds-info-160#080B43
--dxds-info-170#030529

Fluent Success

CSS VariableValuePreview
--dxds-success-10#E7F2E6
--dxds-success-20#C8E9C5
--dxds-success-30#B0DCAC
--dxds-success-40#98CF93
--dxds-success-50#80C17B
--dxds-success-60#66B461
--dxds-success-70#4BA747
--dxds-success-80#299027
--dxds-success-90#107C10
--dxds-success-100#0C700C
--dxds-success-110#0B680B
--dxds-success-120#095809
--dxds-success-130#064806
--dxds-success-140#043904
--dxds-success-150#022B02
--dxds-success-160#021D02
--dxds-success-170#011001
CSS VariableValuePreview
--dxds-success-10#E7F2E6
--dxds-success-20#C8E9C5
--dxds-success-30#B0DCAC
--dxds-success-40#98CF93
--dxds-success-50#80C17B
--dxds-success-60#66B461
--dxds-success-70#4BA747
--dxds-success-80#299027
--dxds-success-90#107C10
--dxds-success-100#0C700C
--dxds-success-110#0B680B
--dxds-success-120#095809
--dxds-success-130#064806
--dxds-success-140#043904
--dxds-success-150#022B02
--dxds-success-160#021D02
--dxds-success-170#011001
CSS VariableValuePreview
--dxds-success-10#E7F2E6
--dxds-success-20#C8E9C5
--dxds-success-30#B0DCAC
--dxds-success-40#98CF93
--dxds-success-50#80C17B
--dxds-success-60#66B461
--dxds-success-70#4BA747
--dxds-success-80#299027
--dxds-success-90#107C10
--dxds-success-100#0C700C
--dxds-success-110#0B680B
--dxds-success-120#095809
--dxds-success-130#064806
--dxds-success-140#043904
--dxds-success-150#022B02
--dxds-success-160#021D02
--dxds-success-170#011001
CSS VariableValuePreview
--dxds-success-10#E7F2E6
--dxds-success-20#C8E9C5
--dxds-success-30#B0DCAC
--dxds-success-40#98CF93
--dxds-success-50#80C17B
--dxds-success-60#66B461
--dxds-success-70#4BA747
--dxds-success-80#299027
--dxds-success-90#107C10
--dxds-success-100#0C700C
--dxds-success-110#0B680B
--dxds-success-120#095809
--dxds-success-130#064806
--dxds-success-140#043904
--dxds-success-150#022B02
--dxds-success-160#021D02
--dxds-success-170#011001
CSS VariableValuePreview
--dxds-success-10#E7F2E6
--dxds-success-20#C8E9C5
--dxds-success-30#B0DCAC
--dxds-success-40#98CF93
--dxds-success-50#80C17B
--dxds-success-60#66B461
--dxds-success-70#4BA747
--dxds-success-80#299027
--dxds-success-90#107C10
--dxds-success-100#0C700C
--dxds-success-110#0B680B
--dxds-success-120#095809
--dxds-success-130#064806
--dxds-success-140#043904
--dxds-success-150#022B02
--dxds-success-160#021D02
--dxds-success-170#011001
CSS VariableValuePreview
--dxds-success-10#E7F2E6
--dxds-success-20#C8E9C5
--dxds-success-30#B0DCAC
--dxds-success-40#98CF93
--dxds-success-50#80C17B
--dxds-success-60#66B461
--dxds-success-70#4BA747
--dxds-success-80#299027
--dxds-success-90#107C10
--dxds-success-100#0C700C
--dxds-success-110#0B680B
--dxds-success-120#095809
--dxds-success-130#064806
--dxds-success-140#043904
--dxds-success-150#022B02
--dxds-success-160#021D02
--dxds-success-170#011001
CSS VariableValuePreview
--dxds-success-10#E7F2E6
--dxds-success-20#C8E9C5
--dxds-success-30#B0DCAC
--dxds-success-40#98CF93
--dxds-success-50#80C17B
--dxds-success-60#66B461
--dxds-success-70#4BA747
--dxds-success-80#299027
--dxds-success-90#107C10
--dxds-success-100#0C700C
--dxds-success-110#0B680B
--dxds-success-120#095809
--dxds-success-130#064806
--dxds-success-140#043904
--dxds-success-150#022B02
--dxds-success-160#021D02
--dxds-success-170#011001
CSS VariableValuePreview
--dxds-success-10#E7F2E6
--dxds-success-20#C8E9C5
--dxds-success-30#B0DCAC
--dxds-success-40#98CF93
--dxds-success-50#80C17B
--dxds-success-60#66B461
--dxds-success-70#4BA747
--dxds-success-80#299027
--dxds-success-90#107C10
--dxds-success-100#0C700C
--dxds-success-110#0B680B
--dxds-success-120#095809
--dxds-success-130#064806
--dxds-success-140#043904
--dxds-success-150#022B02
--dxds-success-160#021D02
--dxds-success-170#011001
CSS VariableValuePreview
--dxds-success-10#E7F2E6
--dxds-success-20#C8E9C5
--dxds-success-30#B0DCAC
--dxds-success-40#98CF93
--dxds-success-50#80C17B
--dxds-success-60#66B461
--dxds-success-70#4BA747
--dxds-success-80#299027
--dxds-success-90#107C10
--dxds-success-100#0C700C
--dxds-success-110#0B680B
--dxds-success-120#095809
--dxds-success-130#064806
--dxds-success-140#043904
--dxds-success-150#022B02
--dxds-success-160#021D02
--dxds-success-170#011001
CSS VariableValuePreview
--dxds-success-10#E7F2E6
--dxds-success-20#C8E9C5
--dxds-success-30#B0DCAC
--dxds-success-40#98CF93
--dxds-success-50#80C17B
--dxds-success-60#66B461
--dxds-success-70#4BA747
--dxds-success-80#299027
--dxds-success-90#107C10
--dxds-success-100#0C700C
--dxds-success-110#0B680B
--dxds-success-120#095809
--dxds-success-130#064806
--dxds-success-140#043904
--dxds-success-150#022B02
--dxds-success-160#021D02
--dxds-success-170#011001
CSS VariableValuePreview
--dxds-success-10#E7F2E6
--dxds-success-20#C8E9C5
--dxds-success-30#B0DCAC
--dxds-success-40#98CF93
--dxds-success-50#80C17B
--dxds-success-60#66B461
--dxds-success-70#4BA747
--dxds-success-80#299027
--dxds-success-90#107C10
--dxds-success-100#0C700C
--dxds-success-110#0B680B
--dxds-success-120#095809
--dxds-success-130#064806
--dxds-success-140#043904
--dxds-success-150#022B02
--dxds-success-160#021D02
--dxds-success-170#011001

Fluent Warning

CSS VariableValuePreview
--dxds-warning-10#FBEBE4
--dxds-warning-20#FFD6C3
--dxds-warning-30#FFC5AC
--dxds-warning-40#FDB191
--dxds-warning-50#F69C76
--dxds-warning-60#F78E62
--dxds-warning-70#F7804C
--dxds-warning-80#F77132
--dxds-warning-90#F7630C
--dxds-warning-100#D54F00
--dxds-warning-110#B24000
--dxds-warning-120#913200
--dxds-warning-130#722300
--dxds-warning-140#501A01
--dxds-warning-150#3C1301
--dxds-warning-160#2A0B01
--dxds-warning-170#180501
CSS VariableValuePreview
--dxds-warning-10#FBEBE4
--dxds-warning-20#FFD6C3
--dxds-warning-30#FFC5AC
--dxds-warning-40#FDB191
--dxds-warning-50#F69C76
--dxds-warning-60#F78E62
--dxds-warning-70#F7804C
--dxds-warning-80#F77132
--dxds-warning-90#F7630C
--dxds-warning-100#D54F00
--dxds-warning-110#B24000
--dxds-warning-120#913200
--dxds-warning-130#722300
--dxds-warning-140#501A01
--dxds-warning-150#3C1301
--dxds-warning-160#2A0B01
--dxds-warning-170#180501
CSS VariableValuePreview
--dxds-warning-10#FBEBE4
--dxds-warning-20#FFD6C3
--dxds-warning-30#FFC5AC
--dxds-warning-40#FDB191
--dxds-warning-50#F69C76
--dxds-warning-60#F78E62
--dxds-warning-70#F7804C
--dxds-warning-80#F77132
--dxds-warning-90#F7630C
--dxds-warning-100#D54F00
--dxds-warning-110#B24000
--dxds-warning-120#913200
--dxds-warning-130#722300
--dxds-warning-140#501A01
--dxds-warning-150#3C1301
--dxds-warning-160#2A0B01
--dxds-warning-170#180501
CSS VariableValuePreview
--dxds-warning-10#FBEBE4
--dxds-warning-20#FFD6C3
--dxds-warning-30#FFC5AC
--dxds-warning-40#FDB191
--dxds-warning-50#F69C76
--dxds-warning-60#F78E62
--dxds-warning-70#F7804C
--dxds-warning-80#F77132
--dxds-warning-90#F7630C
--dxds-warning-100#D54F00
--dxds-warning-110#B24000
--dxds-warning-120#913200
--dxds-warning-130#722300
--dxds-warning-140#501A01
--dxds-warning-150#3C1301
--dxds-warning-160#2A0B01
--dxds-warning-170#180501
CSS VariableValuePreview
--dxds-warning-10#FBEBE4
--dxds-warning-20#FFD6C3
--dxds-warning-30#FFC5AC
--dxds-warning-40#FDB191
--dxds-warning-50#F69C76
--dxds-warning-60#F78E62
--dxds-warning-70#F7804C
--dxds-warning-80#F77132
--dxds-warning-90#F7630C
--dxds-warning-100#D54F00
--dxds-warning-110#B24000
--dxds-warning-120#913200
--dxds-warning-130#722300
--dxds-warning-140#501A01
--dxds-warning-150#3C1301
--dxds-warning-160#2A0B01
--dxds-warning-170#180501
CSS VariableValuePreview
--dxds-warning-10#FBEBE4
--dxds-warning-20#FFD6C3
--dxds-warning-30#FFC5AC
--dxds-warning-40#FDB191
--dxds-warning-50#F69C76
--dxds-warning-60#F78E62
--dxds-warning-70#F7804C
--dxds-warning-80#F77132
--dxds-warning-90#F7630C
--dxds-warning-100#D54F00
--dxds-warning-110#B24000
--dxds-warning-120#913200
--dxds-warning-130#722300
--dxds-warning-140#501A01
--dxds-warning-150#3C1301
--dxds-warning-160#2A0B01
--dxds-warning-170#180501
CSS VariableValuePreview
--dxds-warning-10#FBEBE4
--dxds-warning-20#FFD6C3
--dxds-warning-30#FFC5AC
--dxds-warning-40#FDB191
--dxds-warning-50#F69C76
--dxds-warning-60#F78E62
--dxds-warning-70#F7804C
--dxds-warning-80#F77132
--dxds-warning-90#F7630C
--dxds-warning-100#D54F00
--dxds-warning-110#B24000
--dxds-warning-120#913200
--dxds-warning-130#722300
--dxds-warning-140#501A01
--dxds-warning-150#3C1301
--dxds-warning-160#2A0B01
--dxds-warning-170#180501
CSS VariableValuePreview
--dxds-warning-10#FBEBE4
--dxds-warning-20#FFD6C3
--dxds-warning-30#FFC5AC
--dxds-warning-40#FDB191
--dxds-warning-50#F69C76
--dxds-warning-60#F78E62
--dxds-warning-70#F7804C
--dxds-warning-80#F77132
--dxds-warning-90#F7630C
--dxds-warning-100#D54F00
--dxds-warning-110#B24000
--dxds-warning-120#913200
--dxds-warning-130#722300
--dxds-warning-140#501A01
--dxds-warning-150#3C1301
--dxds-warning-160#2A0B01
--dxds-warning-170#180501
CSS VariableValuePreview
--dxds-warning-10#FBEBE4
--dxds-warning-20#FFD6C3
--dxds-warning-30#FFC5AC
--dxds-warning-40#FDB191
--dxds-warning-50#F69C76
--dxds-warning-60#F78E62
--dxds-warning-70#F7804C
--dxds-warning-80#F77132
--dxds-warning-90#F7630C
--dxds-warning-100#D54F00
--dxds-warning-110#B24000
--dxds-warning-120#913200
--dxds-warning-130#722300
--dxds-warning-140#501A01
--dxds-warning-150#3C1301
--dxds-warning-160#2A0B01
--dxds-warning-170#180501
CSS VariableValuePreview
--dxds-warning-10#FBEBE4
--dxds-warning-20#FFD6C3
--dxds-warning-30#FFC5AC
--dxds-warning-40#FDB191
--dxds-warning-50#F69C76
--dxds-warning-60#F78E62
--dxds-warning-70#F7804C
--dxds-warning-80#F77132
--dxds-warning-90#F7630C
--dxds-warning-100#D54F00
--dxds-warning-110#B24000
--dxds-warning-120#913200
--dxds-warning-130#722300
--dxds-warning-140#501A01
--dxds-warning-150#3C1301
--dxds-warning-160#2A0B01
--dxds-warning-170#180501
CSS VariableValuePreview
--dxds-warning-10#FBEBE4
--dxds-warning-20#FFD6C3
--dxds-warning-30#FFC5AC
--dxds-warning-40#FDB191
--dxds-warning-50#F69C76
--dxds-warning-60#F78E62
--dxds-warning-70#F7804C
--dxds-warning-80#F77132
--dxds-warning-90#F7630C
--dxds-warning-100#D54F00
--dxds-warning-110#B24000
--dxds-warning-120#913200
--dxds-warning-130#722300
--dxds-warning-140#501A01
--dxds-warning-150#3C1301
--dxds-warning-160#2A0B01
--dxds-warning-170#180501

Fluent Danger

CSS VariableValuePreview
--dxds-danger-10#FCEAE8
--dxds-danger-20#FFD0CA
--dxds-danger-30#FEBAB3
--dxds-danger-40#F8A59C
--dxds-danger-50#F08F86
--dxds-danger-60#E97970
--dxds-danger-70#E0615A
--dxds-danger-80#CE3F3C
--dxds-danger-90#C50F1F
--dxds-danger-100#AE0618
--dxds-danger-110#A10B18
--dxds-danger-120#890813
--dxds-danger-130#72050D
--dxds-danger-140#5B0309
--dxds-danger-150#460205
--dxds-danger-160#310203
--dxds-danger-170#1D0102
CSS VariableValuePreview
--dxds-danger-10#FCEAE8
--dxds-danger-20#FFD0CA
--dxds-danger-30#FEBAB3
--dxds-danger-40#F8A59C
--dxds-danger-50#F08F86
--dxds-danger-60#E97970
--dxds-danger-70#E0615A
--dxds-danger-80#CE3F3C
--dxds-danger-90#C50F1F
--dxds-danger-100#AE0618
--dxds-danger-110#A10B18
--dxds-danger-120#890813
--dxds-danger-130#72050D
--dxds-danger-140#5B0309
--dxds-danger-150#460205
--dxds-danger-160#310203
--dxds-danger-170#1D0102
CSS VariableValuePreview
--dxds-danger-10#FCEAE8
--dxds-danger-20#FFD0CA
--dxds-danger-30#FEBAB3
--dxds-danger-40#F8A59C
--dxds-danger-50#F08F86
--dxds-danger-60#E97970
--dxds-danger-70#E0615A
--dxds-danger-80#CE3F3C
--dxds-danger-90#C50F1F
--dxds-danger-100#AE0618
--dxds-danger-110#A10B18
--dxds-danger-120#890813
--dxds-danger-130#72050D
--dxds-danger-140#5B0309
--dxds-danger-150#460205
--dxds-danger-160#310203
--dxds-danger-170#1D0102
CSS VariableValuePreview
--dxds-danger-10#FCEAE8
--dxds-danger-20#FFD0CA
--dxds-danger-30#FEBAB3
--dxds-danger-40#F8A59C
--dxds-danger-50#F08F86
--dxds-danger-60#E97970
--dxds-danger-70#E0615A
--dxds-danger-80#CE3F3C
--dxds-danger-90#C50F1F
--dxds-danger-100#AE0618
--dxds-danger-110#A10B18
--dxds-danger-120#890813
--dxds-danger-130#72050D
--dxds-danger-140#5B0309
--dxds-danger-150#460205
--dxds-danger-160#310203
--dxds-danger-170#1D0102
CSS VariableValuePreview
--dxds-danger-10#FCEAE8
--dxds-danger-20#FFD0CA
--dxds-danger-30#FEBAB3
--dxds-danger-40#F8A59C
--dxds-danger-50#F08F86
--dxds-danger-60#E97970
--dxds-danger-70#E0615A
--dxds-danger-80#CE3F3C
--dxds-danger-90#C50F1F
--dxds-danger-100#AE0618
--dxds-danger-110#A10B18
--dxds-danger-120#890813
--dxds-danger-130#72050D
--dxds-danger-140#5B0309
--dxds-danger-150#460205
--dxds-danger-160#310203
--dxds-danger-170#1D0102
CSS VariableValuePreview
--dxds-danger-10#FCEAE8
--dxds-danger-20#FFD0CA
--dxds-danger-30#FEBAB3
--dxds-danger-40#F8A59C
--dxds-danger-50#F08F86
--dxds-danger-60#E97970
--dxds-danger-70#E0615A
--dxds-danger-80#CE3F3C
--dxds-danger-90#C50F1F
--dxds-danger-100#AE0618
--dxds-danger-110#A10B18
--dxds-danger-120#890813
--dxds-danger-130#72050D
--dxds-danger-140#5B0309
--dxds-danger-150#460205
--dxds-danger-160#310203
--dxds-danger-170#1D0102
CSS VariableValuePreview
--dxds-danger-10#FCEAE8
--dxds-danger-20#FFD0CA
--dxds-danger-30#FEBAB3
--dxds-danger-40#F8A59C
--dxds-danger-50#F08F86
--dxds-danger-60#E97970
--dxds-danger-70#E0615A
--dxds-danger-80#CE3F3C
--dxds-danger-90#C50F1F
--dxds-danger-100#AE0618
--dxds-danger-110#A10B18
--dxds-danger-120#890813
--dxds-danger-130#72050D
--dxds-danger-140#5B0309
--dxds-danger-150#460205
--dxds-danger-160#310203
--dxds-danger-170#1D0102
CSS VariableValuePreview
--dxds-danger-10#FCEAE8
--dxds-danger-20#FFD0CA
--dxds-danger-30#FEBAB3
--dxds-danger-40#F8A59C
--dxds-danger-50#F08F86
--dxds-danger-60#E97970
--dxds-danger-70#E0615A
--dxds-danger-80#CE3F3C
--dxds-danger-90#C50F1F
--dxds-danger-100#AE0618
--dxds-danger-110#A10B18
--dxds-danger-120#890813
--dxds-danger-130#72050D
--dxds-danger-140#5B0309
--dxds-danger-150#460205
--dxds-danger-160#310203
--dxds-danger-170#1D0102
CSS VariableValuePreview
--dxds-danger-10#FCEAE8
--dxds-danger-20#FFD0CA
--dxds-danger-30#FEBAB3
--dxds-danger-40#F8A59C
--dxds-danger-50#F08F86
--dxds-danger-60#E97970
--dxds-danger-70#E0615A
--dxds-danger-80#CE3F3C
--dxds-danger-90#C50F1F
--dxds-danger-100#AE0618
--dxds-danger-110#A10B18
--dxds-danger-120#890813
--dxds-danger-130#72050D
--dxds-danger-140#5B0309
--dxds-danger-150#460205
--dxds-danger-160#310203
--dxds-danger-170#1D0102
CSS VariableValuePreview
--dxds-danger-10#FCEAE8
--dxds-danger-20#FFD0CA
--dxds-danger-30#FEBAB3
--dxds-danger-40#F8A59C
--dxds-danger-50#F08F86
--dxds-danger-60#E97970
--dxds-danger-70#E0615A
--dxds-danger-80#CE3F3C
--dxds-danger-90#C50F1F
--dxds-danger-100#AE0618
--dxds-danger-110#A10B18
--dxds-danger-120#890813
--dxds-danger-130#72050D
--dxds-danger-140#5B0309
--dxds-danger-150#460205
--dxds-danger-160#310203
--dxds-danger-170#1D0102
CSS VariableValuePreview
--dxds-danger-10#FCEAE8
--dxds-danger-20#FFD0CA
--dxds-danger-30#FEBAB3
--dxds-danger-40#F8A59C
--dxds-danger-50#F08F86
--dxds-danger-60#E97970
--dxds-danger-70#E0615A
--dxds-danger-80#CE3F3C
--dxds-danger-90#C50F1F
--dxds-danger-100#AE0618
--dxds-danger-110#A10B18
--dxds-danger-120#890813
--dxds-danger-130#72050D
--dxds-danger-140#5B0309
--dxds-danger-150#460205
--dxds-danger-160#310203
--dxds-danger-170#1D0102

Fluent Neutral

CSS VariableValuePreview
--dxds-neutral-10#FFFFFE
--dxds-neutral-20#F4F4F3
--dxds-neutral-30#E9E9E8
--dxds-neutral-40#DEDEDD
--dxds-neutral-50#D3D3D2
--dxds-neutral-60#C8C8C7
--dxds-neutral-70#BDBEBD
--dxds-neutral-80#B3B3B2
--dxds-neutral-90#A8A9A8
--dxds-neutral-100#9E9E9E
--dxds-neutral-110#949493
--dxds-neutral-120#8A8A89
--dxds-neutral-130#808080
--dxds-neutral-140#767676
--dxds-neutral-150#6C6D6C
--dxds-neutral-160#636363
--dxds-neutral-170#595A59
--dxds-neutral-180#505150
--dxds-neutral-190#474847
--dxds-neutral-200#3F3F3E
--dxds-neutral-210#363636
--dxds-neutral-220#2E2E2D
--dxds-neutral-230#252525
--dxds-neutral-240#1D1E1D
--dxds-neutral-250#161616
CSS VariableValuePreview
--dxds-neutral-10#FFFFFE
--dxds-neutral-20#F4F4F3
--dxds-neutral-30#E9E9E8
--dxds-neutral-40#DEDEDD
--dxds-neutral-50#D3D3D2
--dxds-neutral-60#C8C8C7
--dxds-neutral-70#BDBEBD
--dxds-neutral-80#B3B3B2
--dxds-neutral-90#A8A9A8
--dxds-neutral-100#9E9E9E
--dxds-neutral-110#949493
--dxds-neutral-120#8A8A89
--dxds-neutral-130#808080
--dxds-neutral-140#767676
--dxds-neutral-150#6C6D6C
--dxds-neutral-160#636363
--dxds-neutral-170#595A59
--dxds-neutral-180#505150
--dxds-neutral-190#474847
--dxds-neutral-200#3F3F3E
--dxds-neutral-210#363636
--dxds-neutral-220#2E2E2D
--dxds-neutral-230#252525
--dxds-neutral-240#1D1E1D
--dxds-neutral-250#161616
CSS VariableValuePreview
--dxds-neutral-10#FFFFFE
--dxds-neutral-20#F4F4F3
--dxds-neutral-30#E9E9E8
--dxds-neutral-40#DEDEDD
--dxds-neutral-50#D3D3D2
--dxds-neutral-60#C8C8C7
--dxds-neutral-70#BDBEBD
--dxds-neutral-80#B3B3B2
--dxds-neutral-90#A8A9A8
--dxds-neutral-100#9E9E9E
--dxds-neutral-110#949493
--dxds-neutral-120#8A8A89
--dxds-neutral-130#808080
--dxds-neutral-140#767676
--dxds-neutral-150#6C6D6C
--dxds-neutral-160#636363
--dxds-neutral-170#595A59
--dxds-neutral-180#505150
--dxds-neutral-190#474847
--dxds-neutral-200#3F3F3E
--dxds-neutral-210#363636
--dxds-neutral-220#2E2E2D
--dxds-neutral-230#252525
--dxds-neutral-240#1D1E1D
--dxds-neutral-250#161616
CSS VariableValuePreview
--dxds-neutral-10#FFFFFE
--dxds-neutral-20#F4F4F3
--dxds-neutral-30#E9E9E8
--dxds-neutral-40#DEDEDD
--dxds-neutral-50#D3D3D2
--dxds-neutral-60#C8C8C7
--dxds-neutral-70#BDBEBD
--dxds-neutral-80#B3B3B2
--dxds-neutral-90#A8A9A8
--dxds-neutral-100#9E9E9E
--dxds-neutral-110#949493
--dxds-neutral-120#8A8A89
--dxds-neutral-130#808080
--dxds-neutral-140#767676
--dxds-neutral-150#6C6D6C
--dxds-neutral-160#636363
--dxds-neutral-170#595A59
--dxds-neutral-180#505150
--dxds-neutral-190#474847
--dxds-neutral-200#3F3F3E
--dxds-neutral-210#363636
--dxds-neutral-220#2E2E2D
--dxds-neutral-230#252525
--dxds-neutral-240#1D1E1D
--dxds-neutral-250#161616
CSS VariableValuePreview
--dxds-neutral-10#FFFFFE
--dxds-neutral-20#F4F4F3
--dxds-neutral-30#E9E9E8
--dxds-neutral-40#DEDEDD
--dxds-neutral-50#D3D3D2
--dxds-neutral-60#C8C8C7
--dxds-neutral-70#BDBEBD
--dxds-neutral-80#B3B3B2
--dxds-neutral-90#A8A9A8
--dxds-neutral-100#9E9E9E
--dxds-neutral-110#949493
--dxds-neutral-120#8A8A89
--dxds-neutral-130#808080
--dxds-neutral-140#767676
--dxds-neutral-150#6C6D6C
--dxds-neutral-160#636363
--dxds-neutral-170#595A59
--dxds-neutral-180#505150
--dxds-neutral-190#474847
--dxds-neutral-200#3F3F3E
--dxds-neutral-210#363636
--dxds-neutral-220#2E2E2D
--dxds-neutral-230#252525
--dxds-neutral-240#1D1E1D
--dxds-neutral-250#161616
CSS VariableValuePreview
--dxds-neutral-10#FFFFFE
--dxds-neutral-20#F4F4F3
--dxds-neutral-30#E9E9E8
--dxds-neutral-40#DEDEDD
--dxds-neutral-50#D3D3D2
--dxds-neutral-60#C8C8C7
--dxds-neutral-70#BDBEBD
--dxds-neutral-80#B3B3B2
--dxds-neutral-90#A8A9A8
--dxds-neutral-100#9E9E9E
--dxds-neutral-110#949493
--dxds-neutral-120#8A8A89
--dxds-neutral-130#808080
--dxds-neutral-140#767676
--dxds-neutral-150#6C6D6C
--dxds-neutral-160#636363
--dxds-neutral-170#595A59
--dxds-neutral-180#505150
--dxds-neutral-190#474847
--dxds-neutral-200#3F3F3E
--dxds-neutral-210#363636
--dxds-neutral-220#2E2E2D
--dxds-neutral-230#252525
--dxds-neutral-240#1D1E1D
--dxds-neutral-250#161616
CSS VariableValuePreview
--dxds-neutral-10#FFFFFE
--dxds-neutral-20#F4F4F3
--dxds-neutral-30#E9E9E8
--dxds-neutral-40#DEDEDD
--dxds-neutral-50#D3D3D2
--dxds-neutral-60#C8C8C7
--dxds-neutral-70#BDBEBD
--dxds-neutral-80#B3B3B2
--dxds-neutral-90#A8A9A8
--dxds-neutral-100#9E9E9E
--dxds-neutral-110#949493
--dxds-neutral-120#8A8A89
--dxds-neutral-130#808080
--dxds-neutral-140#767676
--dxds-neutral-150#6C6D6C
--dxds-neutral-160#636363
--dxds-neutral-170#595A59
--dxds-neutral-180#505150
--dxds-neutral-190#474847
--dxds-neutral-200#3F3F3E
--dxds-neutral-210#363636
--dxds-neutral-220#2E2E2D
--dxds-neutral-230#252525
--dxds-neutral-240#1D1E1D
--dxds-neutral-250#161616
CSS VariableValuePreview
--dxds-neutral-10#FFFFFE
--dxds-neutral-20#F4F4F3
--dxds-neutral-30#E9E9E8
--dxds-neutral-40#DEDEDD
--dxds-neutral-50#D3D3D2
--dxds-neutral-60#C8C8C7
--dxds-neutral-70#BDBEBD
--dxds-neutral-80#B3B3B2
--dxds-neutral-90#A8A9A8
--dxds-neutral-100#9E9E9E
--dxds-neutral-110#949493
--dxds-neutral-120#8A8A89
--dxds-neutral-130#808080
--dxds-neutral-140#767676
--dxds-neutral-150#6C6D6C
--dxds-neutral-160#636363
--dxds-neutral-170#595A59
--dxds-neutral-180#505150
--dxds-neutral-190#474847
--dxds-neutral-200#3F3F3E
--dxds-neutral-210#363636
--dxds-neutral-220#2E2E2D
--dxds-neutral-230#252525
--dxds-neutral-240#1D1E1D
--dxds-neutral-250#161616
CSS VariableValuePreview
--dxds-neutral-10#FFFFFE
--dxds-neutral-20#F4F4F3
--dxds-neutral-30#E9E9E8
--dxds-neutral-40#DEDEDD
--dxds-neutral-50#D3D3D2
--dxds-neutral-60#C8C8C7
--dxds-neutral-70#BDBEBD
--dxds-neutral-80#B3B3B2
--dxds-neutral-90#A8A9A8
--dxds-neutral-100#9E9E9E
--dxds-neutral-110#949493
--dxds-neutral-120#8A8A89
--dxds-neutral-130#808080
--dxds-neutral-140#767676
--dxds-neutral-150#6C6D6C
--dxds-neutral-160#636363
--dxds-neutral-170#595A59
--dxds-neutral-180#505150
--dxds-neutral-190#474847
--dxds-neutral-200#3F3F3E
--dxds-neutral-210#363636
--dxds-neutral-220#2E2E2D
--dxds-neutral-230#252525
--dxds-neutral-240#1D1E1D
--dxds-neutral-250#161616
CSS VariableValuePreview
--dxds-neutral-10#FFFFFE
--dxds-neutral-20#F4F4F3
--dxds-neutral-30#E9E9E8
--dxds-neutral-40#DEDEDD
--dxds-neutral-50#D3D3D2
--dxds-neutral-60#C8C8C7
--dxds-neutral-70#BDBEBD
--dxds-neutral-80#B3B3B2
--dxds-neutral-90#A8A9A8
--dxds-neutral-100#9E9E9E
--dxds-neutral-110#949493
--dxds-neutral-120#8A8A89
--dxds-neutral-130#808080
--dxds-neutral-140#767676
--dxds-neutral-150#6C6D6C
--dxds-neutral-160#636363
--dxds-neutral-170#595A59
--dxds-neutral-180#505150
--dxds-neutral-190#474847
--dxds-neutral-200#3F3F3E
--dxds-neutral-210#363636
--dxds-neutral-220#2E2E2D
--dxds-neutral-230#252525
--dxds-neutral-240#1D1E1D
--dxds-neutral-250#161616
CSS VariableValuePreview
--dxds-neutral-10#FFFFFE
--dxds-neutral-20#F4F4F3
--dxds-neutral-30#E9E9E8
--dxds-neutral-40#DEDEDD
--dxds-neutral-50#D3D3D2
--dxds-neutral-60#C8C8C7
--dxds-neutral-70#BDBEBD
--dxds-neutral-80#B3B3B2
--dxds-neutral-90#A8A9A8
--dxds-neutral-100#9E9E9E
--dxds-neutral-110#949493
--dxds-neutral-120#8A8A89
--dxds-neutral-130#808080
--dxds-neutral-140#767676
--dxds-neutral-150#6C6D6C
--dxds-neutral-160#636363
--dxds-neutral-170#595A59
--dxds-neutral-180#505150
--dxds-neutral-190#474847
--dxds-neutral-200#3F3F3E
--dxds-neutral-210#363636
--dxds-neutral-220#2E2E2D
--dxds-neutral-230#252525
--dxds-neutral-240#1D1E1D
--dxds-neutral-250#161616