Skip to main content

Colors

    Colors are essential for creating a cohesive and visually appealing design system. They help establish visual hierarchy, improve usability and reinforce our brand's identity.

    import Colors from '@dynatrace/strato-design-tokens/colors';

    Colors.Theme

    Colors.Theme.Foreground

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Foreground.10#2d2e4e#f0f0f5
    Colors.Theme.Foreground.20#fcfcfd#112

    Colors.Theme.Background

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Background.10#f3f3f7#19192c
    Colors.Theme.Background.20#fcfcfd#112

    Colors.Theme.Neutral

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Neutral.10#ebebf2#212135
    Colors.Theme.Neutral.20#e2e3ec#292a3e
    Colors.Theme.Neutral.30#dadbe7#323248
    Colors.Theme.Neutral.40#d2d3e1#3b3b52
    Colors.Theme.Neutral.50#cacbdc#44445c
    Colors.Theme.Neutral.60#c2c3d7#4d4e66
    Colors.Theme.Neutral.70#5a5b8c#a0a1c0
    Colors.Theme.Neutral.80#4c4d7d#b0b1d0
    Colors.Theme.Neutral.90#3f3f6e#bfc0e1

    Colors.Theme.Primary

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Primary.10#e9ebf6#212138
    Colors.Theme.Primary.20#dfe3f5#292944
    Colors.Theme.Primary.30#d6dbf4#313150
    Colors.Theme.Primary.40#ccd3f3#39395d
    Colors.Theme.Primary.50#c3cbf1#42426a
    Colors.Theme.Primary.60#b9c3f0#4a4b78
    Colors.Theme.Primary.70#474ecf#999bed
    Colors.Theme.Primary.80#3b3ebe#a8abfe
    Colors.Theme.Primary.90#312cad#b8bbff

    Colors.Theme.Success

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Success.10#e9ecef#1e2234
    Colors.Theme.Success.20#dfe4e7#222c3c
    Colors.Theme.Success.30#d4dddf#273644
    Colors.Theme.Success.40#cad6d7#2b404c
    Colors.Theme.Success.50#c0cfcf#304a54
    Colors.Theme.Success.60#b7c8c7#34545d
    Colors.Theme.Success.70#2f6863#5eb1a9
    Colors.Theme.Success.80#1f5a55#6ec1b9
    Colors.Theme.Success.90#0d4c47#7ed1c9

    Colors.Theme.Warning

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Warning.10#f3efef#252230
    Colors.Theme.Warning.20#f4ece6#332c34
    Colors.Theme.Warning.30#f4e8de#403537
    Colors.Theme.Warning.40#f4e5d5#4e3e39
    Colors.Theme.Warning.50#f5e1cd#5d483c
    Colors.Theme.Warning.60#f5ddc4#6c523e
    Colors.Theme.Warning.70#eca440#eea746
    Colors.Theme.Warning.80#fdb452#ffb758
    Colors.Theme.Warning.90#ffc56a#ffc974

    Colors.Theme.Critical

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Critical.10#f3eaed#251c2e
    Colors.Theme.Critical.20#f3e0e3#301f2f
    Colors.Theme.Critical.30#f2d7d9#3c2131
    Colors.Theme.Critical.40#f1cdcf#482332
    Colors.Theme.Critical.50#f0c4c5#542433
    Colors.Theme.Critical.60#efbabb#602634
    Colors.Theme.Critical.70#c4233b#c82d40
    Colors.Theme.Critical.80#b2012d#b61532
    Colors.Theme.Critical.90#a0001f#a50024

    Colors.Background

    Colors.Background.Base

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Base.Default#f3f3f7#19192c

    Use for the background of your app.

    Colors.Background.Surface

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Surface.Backdrop#f3f3f7cc#19192ccc

    Use as the backdrop for surfaces to reduce the visual noise of background elements.

    Colors.Background.Surface.Default#fcfcfd#112

    Use for default surface background.

    Colors.Background.Container.Neutral

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Container.Neutral.Subdued#f3f3f7#19192c

    Use for subtle containers.

    Colors.Background.Container.Neutral.Default#ebebf2#212135

    Use for default containers.

    Colors.Background.Container.Neutral.Emphasized#e2e3ec#292a3e

    Use for emphasized neutral containers that draw attention.

    Colors.Background.Container.Neutral.Accent#5a5b8c#a0a1c0

    Use for accentuated neutral containers with high contrast. Use sparingly.

    Colors.Background.Container.Primary

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Container.Primary.Default#e9ebf6#212138

    Use for default primary color containers.

    Colors.Background.Container.Primary.Emphasized#dfe3f5#292944

    Use for emphasized primary color containers that draw attention.

    Colors.Background.Container.Primary.Accent#474ecf#999bed

    Use for accentuated primary color containers with high contrast. Use sparingly.

    Colors.Background.Container.Success

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Container.Success.Default#e9ecef#1e2234

    Use for default success color containers.

    Colors.Background.Container.Success.Emphasized#dfe4e7#222c3c

    Use for emphasized success color containers that draw attention.

    Colors.Background.Container.Success.Accent#2f6863#5eb1a9

    Use for accentuated success color containers with high contrast. Use sparingly.

    Colors.Background.Container.Warning

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Container.Warning.Default#f3efef#252230

    Use for default warning color containers.

    Colors.Background.Container.Warning.Emphasized#f4ece6#332c34

    Use for emphasized warning color containers that draw attention.

    Colors.Background.Container.Warning.Accent#eca440#eea746

    Use for accentuated warning color containers with high contrast. Use sparingly.

    Colors.Background.Container.Critical

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Container.Critical.Default#f3eaed#251c2e

    Use for default critical color containers.

    Colors.Background.Container.Critical.Emphasized#f3e0e3#301f2f

    Use for emphasized critical color containers that draw attention.

    Colors.Background.Container.Critical.Accent#c4233b#c82d40

    Use for accentuated critical color containers with high contrast. Use sparingly.

    Colors.Background.Field.Neutral

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Field.Neutral.Disabled#dadbe780#32324880

    Use for disabled neutral fields.

    Colors.Background.Field.Neutral.Default#dadbe700#32324800

    Use for default neutral fields.

    Colors.Background.Field.Neutral.DefaultHover#d2d3e1#3b3b52

    Use for hover interaction on default neutral fields.

    Colors.Background.Field.Neutral.DefaultActive#cacbdc#44445c

    Use for click interaction on default neutral fields.

    Colors.Background.Field.Neutral.Emphasized#dadbe7#323248

    Use for emphasized neutral fields.

    Colors.Background.Field.Neutral.EmphasizedHover#d2d3e1#3b3b52

    Use for hover interaction on emphasized neutral fields.

    Colors.Background.Field.Neutral.EmphasizedActive#cacbdc#44445c

    Use for click interaction on emphasized neutral fields.

    Colors.Background.Field.Neutral.Accent#5a5b8c#a0a1c0

    Use for accentuated neutral fields. Use sparingly.

    Colors.Background.Field.Neutral.AccentHover#4c4d7d#b0b1d0

    Use for hover interaction on accentuated neutral fields.

    Colors.Background.Field.Neutral.AccentActive#3f3f6e#bfc0e1

    Use for click interaction on accentuated neutral fields.

    Colors.Background.Field.Primary

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Field.Primary.Disabled#dadbe780#32324880

    Use for disabled primary fields.

    Colors.Background.Field.Primary.Default#d6dbf400#31315000

    Use for default primary fields.

    Colors.Background.Field.Primary.DefaultHover#ccd3f3#39395d

    Use for hover interaction on default primary fields.

    Colors.Background.Field.Primary.DefaultActive#c3cbf1#42426a

    Use for click interaction on default primary fields.

    Colors.Background.Field.Primary.Emphasized#d6dbf4#313150

    Use for emphasized primary fields.

    Colors.Background.Field.Primary.EmphasizedHover#ccd3f3#39395d

    Use for hover interaction on emphasized primary fields.

    Colors.Background.Field.Primary.EmphasizedActive#c3cbf1#42426a

    Use for click interaction on emphasized primary fields.

    Colors.Background.Field.Primary.Accent#474ecf#999bed

    Use for accentuated primary fields. Use sparingly.

    Colors.Background.Field.Primary.AccentHover#3b3ebe#a8abfe

    Use for hover interaction on accentuated primary fields.

    Colors.Background.Field.Primary.AccentActive#312cad#b8bbff

    Use for click interaction on accentuated primary fields.

    Colors.Background.Field.Success

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Field.Success.Disabled#dadbe780#32324880

    Use for disabled success fields.

    Colors.Background.Field.Success.Default#d4dddf00#27364400

    Use for default success fields.

    Colors.Background.Field.Success.DefaultHover#cad6d7#2b404c

    Use for hover interaction on default success fields.

    Colors.Background.Field.Success.DefaultActive#c0cfcf#304a54

    Use for click interaction on default success fields.

    Colors.Background.Field.Success.Emphasized#d4dddf#273644

    Use for emphasized success fields.

    Colors.Background.Field.Success.EmphasizedHover#cad6d7#2b404c

    Use for hover interaction on emphasized success fields.

    Colors.Background.Field.Success.EmphasizedActive#c0cfcf#304a54

    Use for click interaction on emphasized success fields.

    Colors.Background.Field.Success.Accent#2f6863#5eb1a9

    Use for accentuated success fields. Use sparingly.

    Colors.Background.Field.Success.AccentHover#1f5a55#6ec1b9

    Use for hover interaction on accentuated success fields.

    Colors.Background.Field.Success.AccentActive#0d4c47#7ed1c9

    Use for click interaction on accentuated success fields.

    Colors.Background.Field.Warning

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Field.Warning.Disabled#dadbe780#32324880

    Use for disabled warning fields.

    Colors.Background.Field.Warning.Default#f4e8de00#40353700

    Use for default warning fields.

    Colors.Background.Field.Warning.DefaultHover#f4e5d5#4e3e39

    Use for hover interaction on default warning fields.

    Colors.Background.Field.Warning.DefaultActive#f5e1cd#5d483c

    Use for click interaction on default warning fields.

    Colors.Background.Field.Warning.Emphasized#f4e8de#403537

    Use for emphasized warning fields.

    Colors.Background.Field.Warning.EmphasizedHover#f4e5d5#4e3e39

    Use for hover interaction on emphasized warning fields.

    Colors.Background.Field.Warning.EmphasizedActive#f5e1cd#5d483c

    Use for click interaction on emphasized warning fields.

    Colors.Background.Field.Warning.Accent#eca440#eea746

    Use for accentuated warning fields. Use sparingly.

    Colors.Background.Field.Warning.AccentHover#fdb452#ffb758

    Use for hover interaction on accentuated warning fields.

    Colors.Background.Field.Warning.AccentActive#ffc56a#ffc974

    Use for click interaction on accentuated warning fields.

    Colors.Background.Field.Critical

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Field.Critical.Disabled#dadbe780#32324880

    Use for disabled critical fields.

    Colors.Background.Field.Critical.Default#f2d7d900#3c213100

    Use for default critical fields.

    Colors.Background.Field.Critical.DefaultHover#f1cdcf#482332

    Use for hover interaction on default critical fields.

    Colors.Background.Field.Critical.DefaultActive#f0c4c5#542433

    Use for click interaction on default critical fields.

    Colors.Background.Field.Critical.Emphasized#f2d7d9#3c2131

    Use for emphasized critical fields.

    Colors.Background.Field.Critical.EmphasizedHover#f1cdcf#482332

    Use for hover interaction on emphasized critical fields.

    Colors.Background.Field.Critical.EmphasizedActive#f0c4c5#542433

    Use for click interaction on emphasized critical fields.

    Colors.Background.Field.Critical.Accent#c4233b#c82d40

    Use for accentuated critical fields. Use sparingly.

    Colors.Background.Field.Critical.AccentHover#b2012d#b61532

    Use for hover interaction on accentuated critical fields.

    Colors.Background.Field.Critical.AccentActive#a0001f#a50024

    Use for click interaction on accentuated critical fields.

    Colors.Border

    Colors.Border.Neutral

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Neutral.Disabled#d2d3e180#3b3b5280

    Use as the default border color in a disabled state.

    Colors.Border.Neutral.Default#d2d3e1#3b3b52

    Use as the default border color.

    Colors.Border.Neutral.DefaultHover#cacbdc#44445c

    Use as default border color on hover interaction.

    Colors.Border.Neutral.DefaultActive#c2c3d7#4d4e66

    Use as default border color on click interaction.

    Colors.Border.Neutral.Accent#545587#b1b2d2

    Use as the border color of accentuated elements.

    Colors.Border.Neutral.AccentHover#3f3f6f#cecff0

    Use as border color of accentuated elements on hover interaction.

    Colors.Border.Neutral.AccentActive#2b2a58#ebecff

    Use as border color of accentuated elements on click interaction.

    Colors.Border.Neutral.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Neutral.OnAccent.Disabled#f3f3f633#1f203333

    Use as border color for disabled elements in accentuated context.

    Colors.Border.Neutral.OnAccent.Default#f3f3f6#1f2033

    Use as border color for elements in accentuated context.

    Colors.Border.Neutral.OnAccent.DefaultHover#f3f3f6cc#1f2033cc

    Use as border color for elements in accentuated context on hover interaction.

    Colors.Border.Neutral.OnAccent.DefaultActive#f3f3f699#1f203399

    Use as border color for elements in accentuated context on click interaction.

    Colors.Border.Primary

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Primary.Disabled#d2d3e180#3b3b5280

    Use as border primary color in a disabled state.

    Colors.Border.Primary.Default#ccd3f3#39395d

    Use as the default primary border color.

    Colors.Border.Primary.DefaultHover#c3cbf1#42426a

    Use as default border primary color on hover interaction.

    Colors.Border.Primary.DefaultActive#b9c3f0#4a4b78

    Use as default border primary color on click interaction.

    Colors.Border.Primary.Accent#454cc9#adb0ff

    Use as the border color of primary accentuated elements.

    Colors.Border.Primary.AccentHover#3332ae#ccd0ff

    Use as border color of primary accentuated elements on hover interaction.

    Colors.Border.Primary.AccentActive#241193#eef1ff

    Use as border color of primary accentuated elements on click interaction.

    Colors.Border.Primary.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Primary.OnAccent.Disabled#f4f4fb33#1f203733

    Use as border color for disabled elements in primary accentuated context.

    Colors.Border.Primary.OnAccent.Default#f4f4fb#1f2037

    Use as border color for elements in primary accentuated context.

    Colors.Border.Primary.OnAccent.DefaultHover#f4f4fbcc#1f2037cc

    Use as border color for elements in primary accentuated context on hover interaction.

    Colors.Border.Primary.OnAccent.DefaultActive#f4f4fb99#1f203799

    Use as border color for elements in primary accentuated context on click interaction.

    Colors.Border.Success

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Success.Disabled#d2d3e180#3b3b5280

    Use as border success color in a disabled state.

    Colors.Border.Success.Default#cad6d7#2b404c

    Use as the default success border color.

    Colors.Border.Success.DefaultHover#c0cfcf#304a54

    Use as default border success color on hover interaction.

    Colors.Border.Success.DefaultActive#b7c8c7#34545d

    Use as default border success color on click interaction.

    Colors.Border.Success.Accent#2c6360#6fc3ba

    Use as the border color of success accentuated elements.

    Colors.Border.Success.AccentHover#124d4a#8ce0d7

    Use as border color of success accentuated elements on hover interaction.

    Colors.Border.Success.AccentActive#003735#aafef5

    Use as border color of success accentuated elements on click interaction.

    Colors.Border.Success.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Success.OnAccent.Disabled#f1f4f433#1a233233

    Use as border color for disabled elements in success accentuated context.

    Colors.Border.Success.OnAccent.Default#f1f4f4#1a2332

    Use as border color for elements in success accentuated context.

    Colors.Border.Success.OnAccent.DefaultHover#f1f4f4cc#1a2332cc

    Use as border color for elements in success accentuated context on hover interaction.

    Colors.Border.Success.OnAccent.DefaultActive#f1f4f499#1a233299

    Use as border color for elements in success accentuated context on click interaction.

    Colors.Border.Warning

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Warning.Disabled#d2d3e180#3b3b5280

    Use as border warning color in a disabled state.

    Colors.Border.Warning.Default#f4e5d5#4e3e39

    Use as the default warning border color.

    Colors.Border.Warning.DefaultHover#f5e1cd#5d483c

    Use as default border warning color on hover interaction.

    Colors.Border.Warning.DefaultActive#f5ddc4#6c523e

    Use as default border warning color on click interaction.

    Colors.Border.Warning.Accent#805100#eea83f

    Use as the border color of warning accentuated elements.

    Colors.Border.Warning.AccentHover#683b00#ffc563

    Use as border color of warning accentuated elements on hover interaction.

    Colors.Border.Warning.AccentActive#4d2800#ffecc3

    Use as border color of warning accentuated elements on click interaction.

    Colors.Border.Warning.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Warning.OnAccent.Disabled#27202533#27212633

    Use as border color for disabled elements in warning accentuated context.

    Colors.Border.Warning.OnAccent.Default#272025#272126

    Use as border color for elements in warning accentuated context.

    Colors.Border.Warning.OnAccent.DefaultHover#272025cc#272126cc

    Use as border color for elements in warning accentuated context on hover interaction.

    Colors.Border.Warning.OnAccent.DefaultActive#27202599#27212699

    Use as border color for elements in warning accentuated context on click interaction.

    Colors.Border.Critical

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Critical.Disabled#d2d3e180#3b3b5280

    Use as border critical color in a disabled state.

    Colors.Border.Critical.Default#f1cdcf#482332

    Use as the default critical border color.

    Colors.Border.Critical.DefaultHover#f0c4c5#542433

    Use as default border critical color on hover interaction.

    Colors.Border.Critical.DefaultActive#efbabb#602634

    Use as default border critical color on click interaction.

    Colors.Border.Critical.Accent#b80031#ff999c

    Use as the border color of critical accentuated elements.

    Colors.Border.Critical.AccentHover#97001f#ffc1c1

    Use as border color of critical accentuated elements on hover interaction.

    Colors.Border.Critical.AccentActive#720013#ffeceb

    Use as border color of critical accentuated elements on click interaction.

    Colors.Border.Critical.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Critical.OnAccent.Disabled#f9f1f333#f9f1f333

    Use as border color for disabled elements in critical accentuated context.

    Colors.Border.Critical.OnAccent.Default#f9f1f3#f9f1f3

    Use as border color for elements in critical accentuated context.

    Colors.Border.Critical.OnAccent.DefaultHover#f9f1f3cc#f9f1f3cc

    Use as border color for elements in critical accentuated context on hover interaction.

    Colors.Border.Critical.OnAccent.DefaultActive#f9f1f399#f9f1f399

    Use as border color for elements in critical accentuated context on click interaction.

    Colors.Text

    Colors.Text.Neutral

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Neutral.Disabled#54558780#b1b2d280

    Use for text color on disabled state.

    Colors.Text.Neutral.Subdued#545587#b1b2d2

    Use for subtle, understated text color.

    Colors.Text.Neutral.SubduedHover#3f3f6f#cecff0

    Use for subtle, understated text color on hover interaction.

    Colors.Text.Neutral.SubduedActive#2b2a58#ebecff

    Use for subtle, understated text color on click interaction.

    Colors.Text.Neutral.Default#2b2a58#ebecff

    Use as the default text color.

    Colors.Text.Neutral.DefaultHover#3f3f6f#cecff0

    Use as the default text color on hover interaction.

    Colors.Text.Neutral.DefaultActive#545587#b1b2d2

    Use as the default text color on click interaction.

    Colors.Text.Neutral.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Neutral.OnAccent.Disabled#f3f3f680#1f203380

    Use as text color for disabled elements in accentuated context.

    Colors.Text.Neutral.OnAccent.Default#f3f3f6#1f2033

    Use as text color for elements in accentuated context.

    Colors.Text.Neutral.OnAccent.DefaultHover#f3f3f6cc#1f2033cc

    Use as text color for elements in accentuated context on hover interaction.

    Colors.Text.Neutral.OnAccent.DefaultActive#f3f3f699#1f203399

    Use as text color for elements in accentuated context on click interaction.

    Colors.Text.Primary

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Primary.Disabled#54558780#b1b2d280

    Use for primary text color on disabled state.

    Colors.Text.Primary.Default#454cc9#adb0ff

    Use as the default primary text color.

    Colors.Text.Primary.DefaultHover#3332ae#ccd0ff

    Use as the default primary text color on hover interaction.

    Colors.Text.Primary.DefaultActive#241193#eef1ff

    Use as the default primary text color on click interaction.

    Colors.Text.Primary.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Primary.OnAccent.Disabled#f4f4fb80#1f203780

    Use as text color for disabled elements in primary accentuated context.

    Colors.Text.Primary.OnAccent.Default#f4f4fb#1f2037

    Use as text color for elements in primary accentuated context.

    Colors.Text.Primary.OnAccent.DefaultHover#f4f4fbcc#1f2037cc

    Use as text color for elements in primary accentuated context on hover interaction.

    Colors.Text.Primary.OnAccent.DefaultActive#f4f4fb99#1f203799

    Use as text color for elements in primary accentuated context on click interaction.

    Colors.Text.Success

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Success.Disabled#54558780#b1b2d280

    Use for success text color on disabled state.

    Colors.Text.Success.Default#2c6360#6fc3ba

    Use as the default success text color.

    Colors.Text.Success.DefaultHover#124d4a#8ce0d7

    Use as the default success text color on hover interaction.

    Colors.Text.Success.DefaultActive#003735#aafef5

    Use as the default success text color on click interaction.

    Colors.Text.Success.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Success.OnAccent.Disabled#f1f4f480#1a233280

    Use as text color for disabled elements in success accentuated context.

    Colors.Text.Success.OnAccent.Default#f1f4f4#1a2332

    Use as text color for elements in success accentuated context.

    Colors.Text.Success.OnAccent.DefaultHover#f1f4f4cc#1a2332cc

    Use as text color for elements in success accentuated context on hover interaction.

    Colors.Text.Success.OnAccent.DefaultActive#f1f4f499#1a233299

    Use as text color for elements in success accentuated context on click interaction.

    Colors.Text.Warning

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Warning.Disabled#54558780#b1b2d280

    Use for warning text color on disabled state.

    Colors.Text.Warning.Default#805100#eea83f

    Use as the default warning text color.

    Colors.Text.Warning.DefaultHover#683b00#ffc563

    Use as the default warning text color on hover interaction.

    Colors.Text.Warning.DefaultActive#4d2800#ffecc3

    Use as the default warning text color on click interaction.

    Colors.Text.Warning.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Warning.OnAccent.Disabled#27202580#27212680

    Use as text color for disabled elements in warning accentuated context.

    Colors.Text.Warning.OnAccent.Default#272025#272126

    Use as text color for elements in warning accentuated context.

    Colors.Text.Warning.OnAccent.DefaultHover#272025cc#272126cc

    Use as text color for elements in warning accentuated context on hover interaction.

    Colors.Text.Warning.OnAccent.DefaultActive#27202599#27212699

    Use as text color for elements in warning accentuated context on click interaction.

    Colors.Text.Critical

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Critical.Disabled#54558780#b1b2d280

    Use for critical text color on disabled state.

    Colors.Text.Critical.Default#b80031#ff999c

    Use as the default critical text color.

    Colors.Text.Critical.DefaultHover#97001f#ffc1c1

    Use as the default critical text color on hover interaction.

    Colors.Text.Critical.DefaultActive#720013#ffeceb

    Use as the default critical text color on click interaction.

    Colors.Text.Critical.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Critical.OnAccent.Disabled#f9f1f380#f9f1f380

    Use as text color for disabled elements in critical accentuated context.

    Colors.Text.Critical.OnAccent.Default#f9f1f3#f9f1f3

    Use as text color for elements in critical accentuated context.

    Colors.Text.Critical.OnAccent.DefaultHover#f9f1f3cc#f9f1f3cc

    Use as text color for elements in critical accentuated context on hover interaction.

    Colors.Text.Critical.OnAccent.DefaultActive#f9f1f399#f9f1f399

    Use as text color for elements in critical accentuated context on click interaction.

    Colors.Icon

    Colors.Icon.Neutral

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Neutral.Disabled#54558780#b1b2d280

    Use for icon color on disabled state.

    Colors.Icon.Neutral.Subdued#545587#b1b2d2

    Use for subtle, understated icon color.

    Colors.Icon.Neutral.SubduedHover#3f3f6f#cecff0

    Use for subtle, understated icon color on hover interaction.

    Colors.Icon.Neutral.SubduedActive#2b2a58#ebecff

    Use for subtle, understated icon color on click interaction.

    Colors.Icon.Neutral.Default#2b2a58#ebecff

    Use as the default icon color.

    Colors.Icon.Neutral.DefaultHover#3f3f6f#cecff0

    Use as the default icon color on hover interaction.

    Colors.Icon.Neutral.DefaultActive#545587#b1b2d2

    Use as the default icon color on click interaction.

    Colors.Icon.Neutral.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Neutral.OnAccent.Disabled#f3f3f680#1f203380

    Use as icon color for disabled elements in accentuated context.

    Colors.Icon.Neutral.OnAccent.Default#f3f3f6#1f2033

    Use as icon color for elements in accentuated context.

    Colors.Icon.Neutral.OnAccent.DefaultHover#f3f3f6cc#1f2033cc

    Use as icon color for elements in accentuated context on hover interaction.

    Colors.Icon.Neutral.OnAccent.DefaultActive#f3f3f699#1f203399

    Use as icon color for elements in accentuated context on click interaction.

    Colors.Icon.Primary

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Primary.Disabled#54558780#b1b2d280

    Use for primary icon color on disabled state.

    Colors.Icon.Primary.Default#454cc9#adb0ff

    Use as the default primary icon color.

    Colors.Icon.Primary.DefaultHover#3332ae#ccd0ff

    Use as the default primary icon color on hover interaction.

    Colors.Icon.Primary.DefaultActive#241193#eef1ff

    Use as the default primary icon color on click interaction.

    Colors.Icon.Primary.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Primary.OnAccent.Disabled#f4f4fb80#1f203780

    Use as icon color for disabled elements in primary accentuated context.

    Colors.Icon.Primary.OnAccent.Default#f4f4fb#1f2037

    Use as icon color for elements in primary accentuated context.

    Colors.Icon.Primary.OnAccent.DefaultHover#f4f4fbcc#1f2037cc

    Use as icon color for elements in primary accentuated context on hover interaction.

    Colors.Icon.Primary.OnAccent.DefaultActive#f4f4fb99#1f203799

    Use as icon color for elements in primary accentuated context on click interaction.

    Colors.Icon.Success

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Success.Disabled#54558780#b1b2d280

    Use for success icon color on disabled state.

    Colors.Icon.Success.Default#2c6360#6fc3ba

    Use as the default success icon color.

    Colors.Icon.Success.DefaultHover#124d4a#8ce0d7

    Use as the default success icon color on hover interaction.

    Colors.Icon.Success.DefaultActive#003735#aafef5

    Use as the default success icon color on click interaction.

    Colors.Icon.Success.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Success.OnAccent.Disabled#f1f4f480#1a233280

    Use as icon color for disabled elements in success accentuated context.

    Colors.Icon.Success.OnAccent.Default#f1f4f4#1a2332

    Use as icon color for elements in success accentuated context.

    Colors.Icon.Success.OnAccent.DefaultHover#f1f4f4cc#1a2332cc

    Use as icon color for elements in success accentuated context on hover interaction.

    Colors.Icon.Success.OnAccent.DefaultActive#f1f4f499#1a233299

    Use as icon color for elements in success accentuated context on click interaction.

    Colors.Icon.Warning

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Warning.Disabled#54558780#b1b2d280

    Use for warning icon color on disabled state.

    Colors.Icon.Warning.Default#805100#eea83f

    Use as the default warning icon color.

    Colors.Icon.Warning.DefaultHover#683b00#ffc563

    Use as the default warning icon color on hover interaction.

    Colors.Icon.Warning.DefaultActive#4d2800#ffecc3

    Use as the default warning icon color on click interaction.

    Colors.Icon.Warning.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Warning.OnAccent.Disabled#27202580#27212680

    Use as icon color for disabled elements in warning accentuated context.

    Colors.Icon.Warning.OnAccent.Default#272025#272126

    Use as icon color for elements in warning accentuated context.

    Colors.Icon.Warning.OnAccent.DefaultHover#272025cc#272126cc

    Use as icon color for elements in warning accentuated context on hover interaction.

    Colors.Icon.Warning.OnAccent.DefaultActive#27202599#27212699

    Use as icon color for elements in warning accentuated context on click interaction.

    Colors.Icon.Critical

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Critical.Disabled#54558780#b1b2d280

    Use for critical icon color on disabled state.

    Colors.Icon.Critical.Default#b80031#ff999c

    Use as the default critical icon color.

    Colors.Icon.Critical.DefaultHover#97001f#ffc1c1

    Use as the default critical icon color on hover interaction.

    Colors.Icon.Critical.DefaultActive#720013#ffeceb

    Use as the default critical icon color on click interaction.

    Colors.Icon.Critical.OnAccent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Critical.OnAccent.Disabled#f9f1f380#f9f1f380

    Use as icon color for disabled elements in critical accentuated context.

    Colors.Icon.Critical.OnAccent.Default#f9f1f3#f9f1f3

    Use as icon color for elements in critical accentuated context.

    Colors.Icon.Critical.OnAccent.DefaultHover#f9f1f3cc#f9f1f3cc

    Use as icon color for elements in critical accentuated context on hover interaction.

    Colors.Icon.Critical.OnAccent.DefaultActive#f9f1f399#f9f1f399

    Use as icon color for elements in critical accentuated context on click interaction.

    Colors.Syntax

    Colors.Syntax

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Syntax.Comment#545586#b2b3cd

    Use to style 'Comment' syntax on a code editor context.

    Colors.Syntax.String#086467#80dbca

    Use to style 'String' syntax on a code editor context.

    Colors.Syntax.Variable#2754b5#abb1ed

    Use to style 'Variable' syntax on a code editor context.

    Colors.Syntax.Number#aa0081#fd8fe1

    Use to style 'Number' syntax on a code editor context.

    Colors.Syntax.Punctuation#8136a9#cfa3f3

    Use to style 'Punctuation' syntax on a code editor context.

    Colors.Syntax.Function#2754b5#abb1ed

    Use to style 'Function' syntax on a code editor context.

    Colors.Syntax.Classname#2c2d4d#f0f0f5

    Use to style 'Classname' syntax on a code editor context.

    Colors.Syntax.Tag#b30926#ff96a6

    Use to style 'Tag' syntax on a code editor context.

    Colors.Syntax.Operators#8136a9#cfa3f3

    Use to style 'Operators' syntax on a code editor context.

    Colors.Syntax.Boolean#973f00#fe9b7d

    Use to style 'Boolean' syntax on a code editor context.

    Colors.Charts

    Colors.Charts.Status.Ideal

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Status.Ideal.Default#2f6863#5eb1a9

    Colors.Charts.Status.Good

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Status.Good.Default#474ecf#999bed

    Colors.Charts.Status.Neutral

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Status.Neutral.Default#5a5b8c#a0a1c0

    Colors.Charts.Status.Warning

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Status.Warning.Default#eca440#eea746

    Colors.Charts.Status.Critical

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Status.Critical.Default#c4233b#c82d40

    Colors.Charts.Categorical.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color01.Default#134fc9#2e5bd6

    Colors.Charts.Categorical.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color02.Default#2c2f3f#e1e3ef

    Colors.Charts.Categorical.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color03.Default#2a7453#368160

    Colors.Charts.Categorical.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color04.Default#d85a9f#d35091

    Colors.Charts.Categorical.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color05.Default#84859a#7f8194

    Colors.Charts.Categorical.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color06.Default#a9780f#b68c2b

    Colors.Charts.Categorical.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color07.Default#438fb1#4285a9

    Colors.Charts.Categorical.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color08.Default#8b6ecf#8d74cd

    Colors.Charts.Categorical.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color09.Default#649438#62903c

    Colors.Charts.Categorical.Color10

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color10.Default#904523#a24b20

    Colors.Charts.Categorical.Color11

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color11.Default#627cfe#86c3e4

    Colors.Charts.Categorical.Color12

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color12.Default#cd3741#cd3c44

    Colors.Charts.Categorical.Color13

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color13.Default#1c520a#6fc3ad

    Colors.Charts.Categorical.Color14

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color14.Default#d56b1a#dc671e

    Colors.Charts.Categorical.Color15

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color15.Default#9033a3#b138c7

    Colors.Charts.CategoricalThemed.PurpleRain.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.PurpleRain.Color01.Default#9033a3#b138c7

    Colors.Charts.CategoricalThemed.PurpleRain.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.PurpleRain.Color02.Default#a9780f#b68c2b

    Colors.Charts.CategoricalThemed.PurpleRain.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.PurpleRain.Color03.Default#d85a9f#d35091

    Colors.Charts.CategoricalThemed.PurpleRain.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.PurpleRain.Color04.Default#8b6ecf#8d74cd

    Colors.Charts.CategoricalThemed.PurpleRain.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.PurpleRain.Color05.Default#904523#a24b20

    Colors.Charts.CategoricalThemed.PurpleRain.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.PurpleRain.Color06.Default#cd3741#cd3c44

    Colors.Charts.CategoricalThemed.Swamps.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Swamps.Color01.Default#006650#107e65

    Colors.Charts.CategoricalThemed.Swamps.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Swamps.Color02.Default#84859a#7f8194

    Colors.Charts.CategoricalThemed.Swamps.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Swamps.Color03.Default#649438#62903c

    Colors.Charts.CategoricalThemed.Swamps.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Swamps.Color04.Default#8f4624#a24b20

    Colors.Charts.CategoricalThemed.Swamps.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Swamps.Color05.Default#2c2f3f#e1e3ef

    Colors.Charts.CategoricalThemed.Swamps.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Swamps.Color06.Default#a9780f#b68c2b

    Colors.Charts.CategoricalThemed.Fireplace.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Fireplace.Color01.Default#ae132d#cd3c44

    Colors.Charts.CategoricalThemed.Fireplace.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Fireplace.Color02.Default#d85a9f#d35091

    Colors.Charts.CategoricalThemed.Fireplace.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Fireplace.Color03.Default#d56b1a#dc671e

    Colors.Charts.CategoricalThemed.Fireplace.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Fireplace.Color04.Default#a9780f#b68c2b

    Colors.Charts.CategoricalThemed.Fireplace.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Fireplace.Color05.Default#904523#a24b20

    Colors.Charts.CategoricalThemed.Fireplace.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Fireplace.Color06.Default#9033a3#a414bd

    Colors.Charts.CategoricalThemed.BlueSteel.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.BlueSteel.Color01.Default#438fb1#5194b8

    Colors.Charts.CategoricalThemed.BlueSteel.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.BlueSteel.Color02.Default#84859a#7f8194

    Colors.Charts.CategoricalThemed.BlueSteel.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.BlueSteel.Color03.Default#627cfe#86c3e4

    Colors.Charts.CategoricalThemed.BlueSteel.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.BlueSteel.Color04.Default#8b6ecf#8d74cd

    Colors.Charts.CategoricalThemed.BlueSteel.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.BlueSteel.Color05.Default#134fc9#2e5bd6

    Colors.Charts.CategoricalThemed.BlueSteel.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.BlueSteel.Color06.Default#2c2f3f#e1e3ef

    Colors.Charts.Logstatus.Error

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Logstatus.Error.Default#cd3741#cd3c44

    Colors.Charts.Logstatus.Warning

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Logstatus.Warning.Default#a9780f#b68c2b

    Colors.Charts.Logstatus.Info

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Logstatus.Info.Default#134fc9#2e5bd6

    Colors.Charts.Logstatus.None

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Logstatus.None.Default#2c2f3f#6f7285

    Colors.Charts.Loglevel.Emergency

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Emergency.Default#ae132d#c21930

    Colors.Charts.Loglevel.Error

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Error.Default#cd3741#cd3c44

    Colors.Charts.Loglevel.Alert

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Alert.Default#c73d84#c43b80

    Colors.Charts.Loglevel.Critical

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Critical.Default#d85a9f#df62a1

    Colors.Charts.Loglevel.Severe

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Severe.Default#d56b1a#db7133

    Colors.Charts.Loglevel.Warning

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Warning.Default#a9780f#b68c2b

    Colors.Charts.Loglevel.Notice

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Notice.Default#2a7453#368160

    Colors.Charts.Loglevel.Info

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Info.Default#134fc9#2e5bd6

    Colors.Charts.Loglevel.Debug

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Debug.Default#8b6ecf#8d74cd

    Colors.Charts.Loglevel.None

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.None.Default#2c2f3f#6f7285

    Colors.Charts.Apdex.Excellent

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Apdex.Excellent.Default#2a7453#48936f

    Colors.Charts.Apdex.Good

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Apdex.Good.Default#1c520a#007058

    Colors.Charts.Apdex.Fair

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Apdex.Fair.Default#a9780f#b68c2b

    Colors.Charts.Apdex.Poor

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Apdex.Poor.Default#d56b1a#dc671e

    Colors.Charts.Apdex.Unacceptable

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Apdex.Unacceptable.Default#cd3741#cd3c44

    Colors.Charts.SecurityRiskLevel.Muted

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.SecurityRiskLevel.Muted.Default#84859a#7f8194

    Colors.Charts.SecurityRiskLevel.Critical

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.SecurityRiskLevel.Critical.Default#8a0012#c21930

    Colors.Charts.SecurityRiskLevel.High

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.SecurityRiskLevel.High.Default#cd3741#d65151

    Colors.Charts.SecurityRiskLevel.Medium

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.SecurityRiskLevel.Medium.Default#a9780f#b68c2b

    Colors.Charts.SecurityRiskLevel.Low

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.SecurityRiskLevel.Low.Default#134fc9#2e5bd6

    Colors.Charts.VulnerabilityStatus.Muted

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.VulnerabilityStatus.Muted.Default#84859a#7f8194

    Colors.Charts.VulnerabilityStatus.Resolved

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.VulnerabilityStatus.Resolved.Default#3e8e6a#48936f

    Colors.Charts.VulnerabilityStatus.Affected

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.VulnerabilityStatus.Affected.Default#cd3741#d65151

    Colors.Charts.Threshold.Good

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Threshold.Good.Default#2a7453#368160

    Colors.Charts.Threshold.Warning

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Threshold.Warning.Default#a9780f#b68c2b

    Colors.Charts.Threshold.Bad

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Threshold.Bad.Default#cd3741#cd3c44

    Colors.Charts.Rainbow.Red

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Rainbow.Red.Default#cd3741#cd3c44

    Colors.Charts.Rainbow.Orange

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Rainbow.Orange.Default#d56b1a#dc671e

    Colors.Charts.Rainbow.Yellow

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Rainbow.Yellow.Default#a9780f#b68c2b

    Colors.Charts.Rainbow.Moss

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Rainbow.Moss.Default#2a7453#368160

    Colors.Charts.Rainbow.Blue

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Rainbow.Blue.Default#134fc9#2e5bd6

    Colors.Charts.Rainbow.Magenta

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Rainbow.Magenta.Default#9033a3#b138c7

    Colors.Charts.Sequential.PinkPurple.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color01.Default#d85a9f#df62a1

    Colors.Charts.Sequential.PinkPurple.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color02.Default#c6539f#d062a8

    Colors.Charts.Sequential.PinkPurple.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color03.Default#b450a3#c261ae

    Colors.Charts.Sequential.PinkPurple.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color04.Default#9f49a2#b15eb5

    Colors.Charts.Sequential.PinkPurple.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color05.Default#8d45a5#9e5dbb

    Colors.Charts.Sequential.PinkPurple.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color06.Default#7640a5#8b5bc2

    Colors.Charts.Sequential.PinkPurple.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color07.Default#5d3ba5#745bc8

    Colors.Charts.Sequential.PinkPurple.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color08.Default#4038a8#595bcf

    Colors.Charts.Sequential.PinkPurple.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color09.Default#0035a8#2e5bd6

    Colors.Charts.Sequential.BlueTurquoise.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color01.Default#0035a8#2e5bd6

    Colors.Charts.Sequential.BlueTurquoise.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color02.Default#1d41a5#3b62ce

    Colors.Charts.Sequential.BlueTurquoise.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color03.Default#284e9f#466fc8

    Colors.Charts.Sequential.BlueTurquoise.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color04.Default#2f5998#4e7ac1

    Colors.Charts.Sequential.BlueTurquoise.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color05.Default#336794#5185b8

    Colors.Charts.Sequential.BlueTurquoise.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color06.Default#31708c#5693b3

    Colors.Charts.Sequential.BlueTurquoise.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color07.Default#307c88#559caa

    Colors.Charts.Sequential.BlueTurquoise.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color08.Default#2a8981#57a8a3

    Colors.Charts.Sequential.BlueTurquoise.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color09.Default#1d957b#53b29a

    Colors.Charts.Sequential.Blue.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color01.Default#001b85#2e5bd6

    Colors.Charts.Sequential.Blue.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color02.Default#0035a8#4766e1

    Colors.Charts.Sequential.Blue.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color03.Default#134fc9#6178ea

    Colors.Charts.Sequential.Blue.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color04.Default#3f63e4#7989f1

    Colors.Charts.Sequential.Blue.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color05.Default#627cfe#8d99f7

    Colors.Charts.Sequential.Blue.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color06.Default#8a9bff#9da8fb

    Colors.Charts.Sequential.Blue.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color07.Default#a8b7ff#b4bcfe

    Colors.Charts.Sequential.Blue.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color08.Default#bdc8ff#c2cbff

    Colors.Charts.Sequential.Blue.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color09.Default#d6deff#d6dfff

    Colors.Charts.Sequential.Grey.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color01.Default#111422#606276

    Colors.Charts.Sequential.Grey.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color02.Default#2c2f3f#6f7285

    Colors.Charts.Sequential.Grey.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color03.Default#484a5b#7f8194

    Colors.Charts.Sequential.Grey.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color04.Default#66687a#8f91a3

    Colors.Charts.Sequential.Grey.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color05.Default#84859a#9fa1b2

    Colors.Charts.Sequential.Grey.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color06.Default#a7a9be#afb0c0

    Colors.Charts.Sequential.Grey.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color07.Default#cacce2#bfc1cf

    Colors.Charts.Sequential.Grey.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color08.Default#d8d9e9#d1d3e0

    Colors.Charts.Sequential.Grey.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color09.Default#e1e3ef#e1e3ef

    Colors.Charts.Sequential.Moss.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color01.Default#084427#287150

    Colors.Charts.Sequential.Moss.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color02.Default#195c3d#368160

    Colors.Charts.Sequential.Moss.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color03.Default#2a7453#48936f

    Colors.Charts.Sequential.Moss.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color04.Default#3e8e6a#5aa07e

    Colors.Charts.Sequential.Moss.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color05.Default#509575#6db08f

    Colors.Charts.Sequential.Moss.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color06.Default#75c29d#85c1a3

    Colors.Charts.Sequential.Moss.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color07.Default#93dcb8#9ad0b4

    Colors.Charts.Sequential.Moss.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color08.Default#b4e4cd#b2e1c9

    Colors.Charts.Sequential.Moss.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color09.Default#d4ece0#ccf0dd

    Colors.Charts.Sequential.Turquoise.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color01.Default#004733#007058

    Colors.Charts.Sequential.Turquoise.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color02.Default#00523d#107e65

    Colors.Charts.Sequential.Turquoise.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color03.Default#006650#279176

    Colors.Charts.Sequential.Turquoise.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color04.Default#047c64#3ba087

    Colors.Charts.Sequential.Turquoise.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color05.Default#1d957b#53b29a

    Colors.Charts.Sequential.Turquoise.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color06.Default#38ad92#6fc3ad

    Colors.Charts.Sequential.Turquoise.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color07.Default#52c7aa#89d1bf

    Colors.Charts.Sequential.Turquoise.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color08.Default#78dec1#a8e1d2

    Colors.Charts.Sequential.Turquoise.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color09.Default#c0ece0#c7efe7

    Colors.Charts.Sequential.Pink.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color01.Default#6b1441#b72a73

    Colors.Charts.Sequential.Pink.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color02.Default#872256#c43b80

    Colors.Charts.Sequential.Pink.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color03.Default#a83470#d35091

    Colors.Charts.Sequential.Pink.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color04.Default#c73d84#df62a1

    Colors.Charts.Sequential.Pink.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color05.Default#d85a9f#e977b4

    Colors.Charts.Sequential.Pink.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color06.Default#e675b5#f18ec6

    Colors.Charts.Sequential.Pink.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color07.Default#f291cb#f8a0d8

    Colors.Charts.Sequential.Pink.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color08.Default#fcb5e2#fcb6ec

    Colors.Charts.Sequential.Pink.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color09.Default#fed7f0#ffc7ff

    Colors.Charts.Sequential.Yellow.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color01.Default#573b00#805b00

    Colors.Charts.Sequential.Yellow.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color02.Default#614200#956d09

    Colors.Charts.Sequential.Yellow.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color03.Default#755000#a47a19

    Colors.Charts.Sequential.Yellow.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color04.Default#8f6200#b68c2b

    Colors.Charts.Sequential.Yellow.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color05.Default#a9780f#c79e3d

    Colors.Charts.Sequential.Yellow.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color06.Default#c79323#d5ae53

    Colors.Charts.Sequential.Yellow.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color07.Default#dfb14e#e5c16c

    Colors.Charts.Sequential.Yellow.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color08.Default#f1cd7e#f4d490

    Colors.Charts.Sequential.Yellow.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color09.Default#f8e1af#ffedc2

    Colors.Charts.Sequential.Petrol.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color01.Default#00304d#246789

    Colors.Charts.Sequential.Petrol.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color02.Default#114964#337599

    Colors.Charts.Sequential.Petrol.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color03.Default#21607d#4285a9

    Colors.Charts.Sequential.Petrol.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color04.Default#307697#5194b8

    Colors.Charts.Sequential.Petrol.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color05.Default#438fb1#60a3c7

    Colors.Charts.Sequential.Petrol.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color06.Default#5ba7cd#71b2d6

    Colors.Charts.Sequential.Petrol.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color07.Default#81c8ef#86c3e4

    Colors.Charts.Sequential.Petrol.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color08.Default#aaddf9#98d2f1

    Colors.Charts.Sequential.Petrol.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color09.Default#cbe7f6#b0e2fc

    Colors.Charts.Sequential.Purple.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color01.Default#32246a#6a51bd

    Colors.Charts.Sequential.Purple.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color02.Default#453380#7d63c5

    Colors.Charts.Sequential.Purple.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color03.Default#5e489d#8d74cd

    Colors.Charts.Sequential.Purple.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color04.Default#755abf#9f85d5

    Colors.Charts.Sequential.Purple.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color05.Default#8b6ecf#ae97dd

    Colors.Charts.Sequential.Purple.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color06.Default#a184dc#bea9e5

    Colors.Charts.Sequential.Purple.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color07.Default#bb9eeb#cebbed

    Colors.Charts.Sequential.Purple.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color08.Default#d5b9f8#dfd1f5

    Colors.Charts.Sequential.Purple.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color09.Default#e9d7fe#efe2fd

    Colors.Charts.Sequential.Pear.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color01.Default#084200#3c7114

    Colors.Charts.Sequential.Pear.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color02.Default#1c520a#508028

    Colors.Charts.Sequential.Pear.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color03.Default#306615#62903c

    Colors.Charts.Sequential.Pear.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color04.Default#457a1f#75a14f

    Colors.Charts.Sequential.Pear.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color05.Default#649438#87b063

    Colors.Charts.Sequential.Pear.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color06.Default#83b455#99c077

    Colors.Charts.Sequential.Pear.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color07.Default#9fcb76#add08b

    Colors.Charts.Sequential.Pear.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color08.Default#b5de8c#bfe09f

    Colors.Charts.Sequential.Pear.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color09.Default#d3e9be#e1f6cb

    Colors.Charts.Sequential.Brown.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color01.Default#5c1d00#913703

    Colors.Charts.Sequential.Brown.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color02.Default#6f2e11#a24b20

    Colors.Charts.Sequential.Brown.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color03.Default#8f4624#b16139

    Colors.Charts.Sequential.Brown.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color04.Default#a95d37#c17753

    Colors.Charts.Sequential.Brown.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color05.Default#bc724e#cc8a6b

    Colors.Charts.Sequential.Brown.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color06.Default#c98769#d9a287

    Colors.Charts.Sequential.Brown.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color07.Default#dfa486#e3b7a0

    Colors.Charts.Sequential.Brown.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color08.Default#f2bfa6#eecebe

    Colors.Charts.Sequential.Brown.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color09.Default#fddece#f8e2d8

    Colors.Charts.Sequential.Red.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color01.Default#610000#c21930

    Colors.Charts.Sequential.Red.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color02.Default#8a0012#cd3c44

    Colors.Charts.Sequential.Red.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color03.Default#ae132d#d65151

    Colors.Charts.Sequential.Red.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color04.Default#cd3741#df6c68

    Colors.Charts.Sequential.Red.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color05.Default#eb565b#e7817e

    Colors.Charts.Sequential.Red.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color06.Default#ff7a7a#ee9590

    Colors.Charts.Sequential.Red.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color07.Default#ffa6a3#f5ada8

    Colors.Charts.Sequential.Red.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color08.Default#ffb8b3#fbbfbb

    Colors.Charts.Sequential.Red.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color09.Default#ffd9d6#ffd5d1

    Colors.Charts.Sequential.Magenta.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color01.Default#59006b#a414bd

    Colors.Charts.Sequential.Magenta.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color02.Default#761b88#b138c7

    Colors.Charts.Sequential.Magenta.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color03.Default#9033a3#bd50ce

    Colors.Charts.Sequential.Magenta.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color04.Default#af4bbe#c766d6

    Colors.Charts.Sequential.Magenta.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color05.Default#ba6bc2#d27dde

    Colors.Charts.Sequential.Magenta.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color06.Default#e183e7#dd90e4

    Colors.Charts.Sequential.Magenta.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color07.Default#fca0fd#e7a2eb

    Colors.Charts.Sequential.Magenta.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color08.Default#fdb4fd#f0b9f3

    Colors.Charts.Sequential.Magenta.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color09.Default#faccfa#faccfa

    Colors.Charts.Sequential.Orange.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color01.Default#662c00#b13902

    Colors.Charts.Sequential.Orange.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color02.Default#87420d#c04b11

    Colors.Charts.Sequential.Orange.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color03.Default#ab5412#ce5e22

    Colors.Charts.Sequential.Orange.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color04.Default#c36218#db7133

    Colors.Charts.Sequential.Orange.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color05.Default#d56b1a#e78446

    Colors.Charts.Sequential.Orange.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color06.Default#e57e2e#f2975a

    Colors.Charts.Sequential.Orange.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color07.Default#eb9a5c#faa770

    Colors.Charts.Sequential.Orange.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color08.Default#efb080#ffbe8f

    Colors.Charts.Sequential.Orange.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color09.Default#f4caa9#fed3b4

    Colors.Charts.Diverging.OrangeBlue.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color01.Default#662c00#b13902

    Colors.Charts.Diverging.OrangeBlue.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color02.Default#ab5412#ce5e22

    Colors.Charts.Diverging.OrangeBlue.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color03.Default#d56b1a#e78446

    Colors.Charts.Diverging.OrangeBlue.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color04.Default#eb9a5c#faa770

    Colors.Charts.Diverging.OrangeBlue.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color05.Default#f4caa9#fed3b4

    Colors.Charts.Diverging.OrangeBlue.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color06.Default#f5eee0#f5eee0

    Colors.Charts.Diverging.OrangeBlue.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color07.Default#d6deff#d6dfff

    Colors.Charts.Diverging.OrangeBlue.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color08.Default#a8b7ff#b4bcfe

    Colors.Charts.Diverging.OrangeBlue.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color09.Default#627cfe#8d99f7

    Colors.Charts.Diverging.OrangeBlue.Color10

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color10.Default#134fc9#6178ea

    Colors.Charts.Diverging.OrangeBlue.Color11

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color11.Default#001b85#2e5bd6

    Colors.Charts.Diverging.RedBlue.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color01.Default#610000#c21930

    Colors.Charts.Diverging.RedBlue.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color02.Default#ae132d#d65151

    Colors.Charts.Diverging.RedBlue.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color03.Default#eb565b#e7817e

    Colors.Charts.Diverging.RedBlue.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color04.Default#ffa6a3#f5ada8

    Colors.Charts.Diverging.RedBlue.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color05.Default#ffd9d6#ffd5d1

    Colors.Charts.Diverging.RedBlue.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color06.Default#f5eee0#f5eee0

    Colors.Charts.Diverging.RedBlue.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color07.Default#d6deff#d6dfff

    Colors.Charts.Diverging.RedBlue.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color08.Default#a8b7ff#b4bcfe

    Colors.Charts.Diverging.RedBlue.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color09.Default#627cfe#8d99f7

    Colors.Charts.Diverging.RedBlue.Color10

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color10.Default#134fc9#6178ea

    Colors.Charts.Diverging.RedBlue.Color11

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color11.Default#001b85#2e5bd6

    Colors.Charts.Diverging.RedPurple.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color01.Default#610000#c21930

    Colors.Charts.Diverging.RedPurple.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color02.Default#ae132d#d65151

    Colors.Charts.Diverging.RedPurple.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color03.Default#eb565b#e7817e

    Colors.Charts.Diverging.RedPurple.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color04.Default#ffa6a3#f5ada8

    Colors.Charts.Diverging.RedPurple.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color05.Default#ffd9d6#ffd5d1

    Colors.Charts.Diverging.RedPurple.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color06.Default#f5eee0#f5eee0

    Colors.Charts.Diverging.RedPurple.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color07.Default#e9d7fe#efe2fd

    Colors.Charts.Diverging.RedPurple.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color08.Default#bb9eeb#cebbed

    Colors.Charts.Diverging.RedPurple.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color09.Default#8b6ecf#ae97dd

    Colors.Charts.Diverging.RedPurple.Color10

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color10.Default#5e489d#8d74cd

    Colors.Charts.Diverging.RedPurple.Color11

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color11.Default#32246a#6a51bd

    Colors.Charts.Diverging.BlueMoss.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color01.Default#001b85#2e5bd6

    Colors.Charts.Diverging.BlueMoss.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color02.Default#134fc9#6178ea

    Colors.Charts.Diverging.BlueMoss.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color03.Default#627cfe#8d99f7

    Colors.Charts.Diverging.BlueMoss.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color04.Default#a8b7ff#b4bcfe

    Colors.Charts.Diverging.BlueMoss.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color05.Default#d6deff#d6dfff

    Colors.Charts.Diverging.BlueMoss.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color06.Default#f5eee0#f5eee0

    Colors.Charts.Diverging.BlueMoss.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color07.Default#d4ece0#ccf0dd

    Colors.Charts.Diverging.BlueMoss.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color08.Default#93dcb8#9ad0b4

    Colors.Charts.Diverging.BlueMoss.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color09.Default#509575#6db08f

    Colors.Charts.Diverging.BlueMoss.Color10

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color10.Default#2a7453#48936f

    Colors.Charts.Diverging.BlueMoss.Color11

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color11.Default#084427#287150

    Colors.Charts.Diverging.PurpleYellow.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color01.Default#32246a#6a51bd

    Colors.Charts.Diverging.PurpleYellow.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color02.Default#5e489d#8d74cd

    Colors.Charts.Diverging.PurpleYellow.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color03.Default#8b6ecf#ae97dd

    Colors.Charts.Diverging.PurpleYellow.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color04.Default#bb9eeb#cebbed

    Colors.Charts.Diverging.PurpleYellow.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color05.Default#e9d7fe#efe2fd

    Colors.Charts.Diverging.PurpleYellow.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color06.Default#f5eee0#f5eee0

    Colors.Charts.Diverging.PurpleYellow.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color07.Default#f8e1af#ffedc2

    Colors.Charts.Diverging.PurpleYellow.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color08.Default#dfb14e#e5c16c

    Colors.Charts.Diverging.PurpleYellow.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color09.Default#a9780f#c79e3d

    Colors.Charts.Diverging.PurpleYellow.Color10

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color10.Default#755000#a47a19

    Colors.Charts.Diverging.PurpleYellow.Color11

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color11.Default#573b00#805b00

    Colors.Charts.Diverging.RedGreen.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color01.Default#610000#c21930

    Colors.Charts.Diverging.RedGreen.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color02.Default#ae132d#d65151

    Colors.Charts.Diverging.RedGreen.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color03.Default#eb565b#e7817e

    Colors.Charts.Diverging.RedGreen.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color04.Default#ffa6a3#f5ada8

    Colors.Charts.Diverging.RedGreen.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color05.Default#ffd9d6#ffd5d1

    Colors.Charts.Diverging.RedGreen.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color06.Default#f5eee0#f5eee0

    Colors.Charts.Diverging.RedGreen.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color07.Default#d4ece0#ccf0dd

    Colors.Charts.Diverging.RedGreen.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color08.Default#93dcb8#9ad0b4

    Colors.Charts.Diverging.RedGreen.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color09.Default#509575#6db08f

    Colors.Charts.Diverging.RedGreen.Color10

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color10.Default#2a7453#48936f

    Colors.Charts.Diverging.RedGreen.Color11

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color11.Default#084427#287150

    Colors.Charts.Diverging.OrangePetrol.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color01.Default#662c00#b13902

    Colors.Charts.Diverging.OrangePetrol.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color02.Default#ab5412#ce5e22

    Colors.Charts.Diverging.OrangePetrol.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color03.Default#d56b1a#e78446

    Colors.Charts.Diverging.OrangePetrol.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color04.Default#eb9a5c#faa770

    Colors.Charts.Diverging.OrangePetrol.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color05.Default#f4caa9#fed3b4

    Colors.Charts.Diverging.OrangePetrol.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color06.Default#f5eee0#f5eee0

    Colors.Charts.Diverging.OrangePetrol.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color07.Default#cbe7f6#b0e2fc

    Colors.Charts.Diverging.OrangePetrol.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color08.Default#81c8ef#86c3e4

    Colors.Charts.Diverging.OrangePetrol.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color09.Default#438fb1#60a3c7

    Colors.Charts.Diverging.OrangePetrol.Color10

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color10.Default#21607d#4285a9

    Colors.Charts.Diverging.OrangePetrol.Color11

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color11.Default#00304d#246789

    Colors.Charts.Diverging.PinkGreen.Color01

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color01.Default#6b1441#b72a73

    Colors.Charts.Diverging.PinkGreen.Color02

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color02.Default#a83470#d35091

    Colors.Charts.Diverging.PinkGreen.Color03

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color03.Default#d85a9f#e977b4

    Colors.Charts.Diverging.PinkGreen.Color04

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color04.Default#f291cb#f8a0d8

    Colors.Charts.Diverging.PinkGreen.Color05

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color05.Default#fed7f0#ffc7ff

    Colors.Charts.Diverging.PinkGreen.Color06

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color06.Default#f5eee0#f5eee0

    Colors.Charts.Diverging.PinkGreen.Color07

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color07.Default#d4ece0#ccf0dd

    Colors.Charts.Diverging.PinkGreen.Color08

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color08.Default#93dcb8#9ad0b4

    Colors.Charts.Diverging.PinkGreen.Color09

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color09.Default#509575#6db08f

    Colors.Charts.Diverging.PinkGreen.Color10

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color10.Default#2a7453#48936f

    Colors.Charts.Diverging.PinkGreen.Color11

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color11.Default#084427#287150
    Still have questions?
    Find answers in the Dynatrace Community