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.

CSS Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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

Blue
Cool Blue
Desert
Mint
Moss
Orchid
Purple
Rose
Rust
Steel
Storm

CSS Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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

Blue
Cool Blue
Desert
Mint
Moss
Orchid
Purple
Rose
Rust
Steel
Storm

CSS Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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

Blue
Cool Blue
Desert
Mint
Moss
Orchid
Purple
Rose
Rust
Steel
Storm

CSS Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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

Blue
Cool Blue
Desert
Mint
Moss
Orchid
Purple
Rose
Rust
Steel
Storm

CSS Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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

Blue
Cool Blue
Desert
Mint
Moss
Orchid
Purple
Rose
Rust
Steel
Storm

CSS Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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

Blue
Cool Blue
Desert
Mint
Moss
Orchid
Purple
Rose
Rust
Steel
Storm

CSS Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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 Variable	Value	Preview
`--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