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#19192cUse for the background of your app.

Colors.Background.Surface

SampleToken NameValueDescription
LightDarkLightDark
Colors.Background.Surface.Backdrop#f3f3f7cc#19192cccUse as the backdrop for surfaces to reduce the visual noise of background elements.
Colors.Background.Surface.Default#fcfcfd#112Use for default surface background.

Colors.Background.Container.Neutral

SampleToken NameValueDescription
LightDarkLightDark
Colors.Background.Container.Neutral.Subdued#f3f3f7#19192cUse for subtle containers.
Colors.Background.Container.Neutral.Default#ebebf2#212135Use for default containers.
Colors.Background.Container.Neutral.Emphasized#e2e3ec#292a3eUse for emphasized neutral containers that draw attention.
Colors.Background.Container.Neutral.Accent#5a5b8c#a0a1c0Use for accentuated neutral containers with high contrast. Use sparingly.

Colors.Background.Container.Primary

SampleToken NameValueDescription
LightDarkLightDark
Colors.Background.Container.Primary.Default#e9ebf6#212138Use for default primary color containers.
Colors.Background.Container.Primary.Emphasized#dfe3f5#292944Use for emphasized primary color containers that draw attention.
Colors.Background.Container.Primary.Accent#474ecf#999bedUse for accentuated primary color containers with high contrast. Use sparingly.

Colors.Background.Container.Success

SampleToken NameValueDescription
LightDarkLightDark
Colors.Background.Container.Success.Default#e9ecef#1e2234Use for default success color containers.
Colors.Background.Container.Success.Emphasized#dfe4e7#222c3cUse for emphasized success color containers that draw attention.
Colors.Background.Container.Success.Accent#2f6863#5eb1a9Use for accentuated success color containers with high contrast. Use sparingly.

Colors.Background.Container.Warning

SampleToken NameValueDescription
LightDarkLightDark
Colors.Background.Container.Warning.Default#f3efef#252230Use for default warning color containers.
Colors.Background.Container.Warning.Emphasized#f4ece6#332c34Use for emphasized warning color containers that draw attention.
Colors.Background.Container.Warning.Accent#eca440#eea746Use for accentuated warning color containers with high contrast. Use sparingly.

Colors.Background.Container.Critical

SampleToken NameValueDescription
LightDarkLightDark
Colors.Background.Container.Critical.Default#f3eaed#251c2eUse for default critical color containers.
Colors.Background.Container.Critical.Emphasized#f3e0e3#301f2fUse for emphasized critical color containers that draw attention.
Colors.Background.Container.Critical.Accent#c4233b#c82d40Use for accentuated critical color containers with high contrast. Use sparingly.

Colors.Background.Field.Neutral

SampleToken NameValueDescription
LightDarkLightDark
Colors.Background.Field.Neutral.Disabled#dadbe780#32324880Use for disabled neutral fields.
Colors.Background.Field.Neutral.Default#dadbe700#32324800Use for default neutral fields.
Colors.Background.Field.Neutral.DefaultHover#d2d3e1#3b3b52Use for hover interaction on default neutral fields.
Colors.Background.Field.Neutral.DefaultActive#cacbdc#44445cUse for click interaction on default neutral fields.
Colors.Background.Field.Neutral.Emphasized#dadbe7#323248Use for emphasized neutral fields.
Colors.Background.Field.Neutral.EmphasizedHover#d2d3e1#3b3b52Use for hover interaction on emphasized neutral fields.
Colors.Background.Field.Neutral.EmphasizedActive#cacbdc#44445cUse for click interaction on emphasized neutral fields.
Colors.Background.Field.Neutral.Accent#5a5b8c#a0a1c0Use for accentuated neutral fields. Use sparingly.
Colors.Background.Field.Neutral.AccentHover#4c4d7d#b0b1d0Use for hover interaction on accentuated neutral fields.
Colors.Background.Field.Neutral.AccentActive#3f3f6e#bfc0e1Use for click interaction on accentuated neutral fields.

Colors.Background.Field.Primary

SampleToken NameValueDescription
LightDarkLightDark
Colors.Background.Field.Primary.Disabled#dadbe780#32324880Use for disabled primary fields.
Colors.Background.Field.Primary.Default#d6dbf400#31315000Use for default primary fields.
Colors.Background.Field.Primary.DefaultHover#ccd3f3#39395dUse for hover interaction on default primary fields.
Colors.Background.Field.Primary.DefaultActive#c3cbf1#42426aUse for click interaction on default primary fields.
Colors.Background.Field.Primary.Emphasized#d6dbf4#313150Use for emphasized primary fields.
Colors.Background.Field.Primary.EmphasizedHover#ccd3f3#39395dUse for hover interaction on emphasized primary fields.
Colors.Background.Field.Primary.EmphasizedActive#c3cbf1#42426aUse for click interaction on emphasized primary fields.
Colors.Background.Field.Primary.Accent#474ecf#999bedUse for accentuated primary fields. Use sparingly.
Colors.Background.Field.Primary.AccentHover#3b3ebe#a8abfeUse for hover interaction on accentuated primary fields.
Colors.Background.Field.Primary.AccentActive#312cad#b8bbffUse for click interaction on accentuated primary fields.

Colors.Background.Field.Success

SampleToken NameValueDescription
LightDarkLightDark
Colors.Background.Field.Success.Disabled#dadbe780#32324880Use for disabled success fields.
Colors.Background.Field.Success.Default#d4dddf00#27364400Use for default success fields.
Colors.Background.Field.Success.DefaultHover#cad6d7#2b404cUse for hover interaction on default success fields.
Colors.Background.Field.Success.DefaultActive#c0cfcf#304a54Use for click interaction on default success fields.
Colors.Background.Field.Success.Emphasized#d4dddf#273644Use for emphasized success fields.
Colors.Background.Field.Success.EmphasizedHover#cad6d7#2b404cUse for hover interaction on emphasized success fields.
Colors.Background.Field.Success.EmphasizedActive#c0cfcf#304a54Use for click interaction on emphasized success fields.
Colors.Background.Field.Success.Accent#2f6863#5eb1a9Use for accentuated success fields. Use sparingly.
Colors.Background.Field.Success.AccentHover#1f5a55#6ec1b9Use for hover interaction on accentuated success fields.
Colors.Background.Field.Success.AccentActive#0d4c47#7ed1c9Use for click interaction on accentuated success fields.

Colors.Background.Field.Warning

SampleToken NameValueDescription
LightDarkLightDark
Colors.Background.Field.Warning.Disabled#dadbe780#32324880Use for disabled warning fields.
Colors.Background.Field.Warning.Default#f4e8de00#40353700Use for default warning fields.
Colors.Background.Field.Warning.DefaultHover#f4e5d5#4e3e39Use for hover interaction on default warning fields.
Colors.Background.Field.Warning.DefaultActive#f5e1cd#5d483cUse for click interaction on default warning fields.
Colors.Background.Field.Warning.Emphasized#f4e8de#403537Use for emphasized warning fields.
Colors.Background.Field.Warning.EmphasizedHover#f4e5d5#4e3e39Use for hover interaction on emphasized warning fields.
Colors.Background.Field.Warning.EmphasizedActive#f5e1cd#5d483cUse for click interaction on emphasized warning fields.
Colors.Background.Field.Warning.Accent#eca440#eea746Use for accentuated warning fields. Use sparingly.
Colors.Background.Field.Warning.AccentHover#fdb452#ffb758Use for hover interaction on accentuated warning fields.
Colors.Background.Field.Warning.AccentActive#ffc56a#ffc974Use for click interaction on accentuated warning fields.

Colors.Background.Field.Critical

SampleToken NameValueDescription
LightDarkLightDark
Colors.Background.Field.Critical.Disabled#dadbe780#32324880Use for disabled critical fields.
Colors.Background.Field.Critical.Default#f2d7d900#3c213100Use for default critical fields.
Colors.Background.Field.Critical.DefaultHover#f1cdcf#482332Use for hover interaction on default critical fields.
Colors.Background.Field.Critical.DefaultActive#f0c4c5#542433Use for click interaction on default critical fields.
Colors.Background.Field.Critical.Emphasized#f2d7d9#3c2131Use for emphasized critical fields.
Colors.Background.Field.Critical.EmphasizedHover#f1cdcf#482332Use for hover interaction on emphasized critical fields.
Colors.Background.Field.Critical.EmphasizedActive#f0c4c5#542433Use for click interaction on emphasized critical fields.
Colors.Background.Field.Critical.Accent#c4233b#c82d40Use for accentuated critical fields. Use sparingly.
Colors.Background.Field.Critical.AccentHover#b2012d#b61532Use for hover interaction on accentuated critical fields.
Colors.Background.Field.Critical.AccentActive#a0001f#a50024Use for click interaction on accentuated critical fields.

Colors.Background.Field.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Background.Field.OnAccent.Disabled#f3f3f71a#19192c1aThis token is deprecated: Will be removed
Colors.Background.Field.OnAccent.Default#f3f3f700#19192c00This token is deprecated: Will be removed
Colors.Background.Field.OnAccent.DefaultHover#f3f3f74d#19192c4dThis token is deprecated: Will be removed
Colors.Background.Field.OnAccent.DefaultActive#f3f3f766#19192c66This token is deprecated: Will be removed
Colors.Background.Field.OnAccent.Emphasized#f3f3f733#19192c33This token is deprecated: Will be removed
Colors.Background.Field.OnAccent.EmphasizedHover#f3f3f74d#19192c4dThis token is deprecated: Will be removed
Colors.Background.Field.OnAccent.EmphasizedActive#f3f3f766#19192c66This token is deprecated: Will be removed

Colors.Border

Colors.Border.Neutral

SampleToken NameValueDescription
LightDarkLightDark
Colors.Border.Neutral.Disabled#d2d3e180#3b3b5280Use as the default border color in a disabled state.
Colors.Border.Neutral.Default#d2d3e1#3b3b52Use as the default border color.
Colors.Border.Neutral.DefaultHover#cacbdc#44445cUse as default border color on hover interaction.
Colors.Border.Neutral.DefaultActive#c2c3d7#4d4e66Use as default border color on click interaction.
Colors.Border.Neutral.Accent#545587#b1b2d2Use as the border color of accentuated elements.
Colors.Border.Neutral.AccentHover#3f3f6f#cecff0Use as border color of accentuated elements on hover interaction.
Colors.Border.Neutral.AccentActive#2b2a58#ebecffUse as border color of accentuated elements on click interaction.

Colors.Border.Neutral.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Border.Neutral.OnAccent.Disabled#f3f3f633#1f203333Use as border color for disabled elements in accentuated context.
Colors.Border.Neutral.OnAccent.Default#f3f3f6#1f2033Use as border color for elements in accentuated context.
Colors.Border.Neutral.OnAccent.DefaultHover#f3f3f6cc#1f2033ccUse as border color for elements in accentuated context on hover interaction.
Colors.Border.Neutral.OnAccent.DefaultActive#f3f3f699#1f203399Use as border color for elements in accentuated context on click interaction.

Colors.Border.Primary

SampleToken NameValueDescription
LightDarkLightDark
Colors.Border.Primary.Disabled#d2d3e180#3b3b5280Use as border primary color in a disabled state.
Colors.Border.Primary.Default#ccd3f3#39395dUse as the default primary border color.
Colors.Border.Primary.DefaultHover#c3cbf1#42426aUse as default border primary color on hover interaction.
Colors.Border.Primary.DefaultActive#b9c3f0#4a4b78Use as default border primary color on click interaction.
Colors.Border.Primary.Accent#454cc9#adb0ffUse as the border color of primary accentuated elements.
Colors.Border.Primary.AccentHover#3332ae#ccd0ffUse as border color of primary accentuated elements on hover interaction.
Colors.Border.Primary.AccentActive#241193#eef1ffUse as border color of primary accentuated elements on click interaction.

Colors.Border.Primary.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Border.Primary.OnAccent.Disabled#f4f4fb33#1f203733Use as border color for disabled elements in primary accentuated context.
Colors.Border.Primary.OnAccent.Default#f4f4fb#1f2037Use as border color for elements in primary accentuated context.
Colors.Border.Primary.OnAccent.DefaultHover#f4f4fbcc#1f2037ccUse as border color for elements in primary accentuated context on hover interaction.
Colors.Border.Primary.OnAccent.DefaultActive#f4f4fb99#1f203799Use as border color for elements in primary accentuated context on click interaction.

Colors.Border.Success

SampleToken NameValueDescription
LightDarkLightDark
Colors.Border.Success.Disabled#d2d3e180#3b3b5280Use as border success color in a disabled state.
Colors.Border.Success.Default#cad6d7#2b404cUse as the default success border color.
Colors.Border.Success.DefaultHover#c0cfcf#304a54Use as default border success color on hover interaction.
Colors.Border.Success.DefaultActive#b7c8c7#34545dUse as default border success color on click interaction.
Colors.Border.Success.Accent#2c6360#6fc3baUse as the border color of success accentuated elements.
Colors.Border.Success.AccentHover#124d4a#8ce0d7Use as border color of success accentuated elements on hover interaction.
Colors.Border.Success.AccentActive#003735#aafef5Use as border color of success accentuated elements on click interaction.

Colors.Border.Success.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Border.Success.OnAccent.Disabled#f1f4f433#1a233233Use as border color for disabled elements in success accentuated context.
Colors.Border.Success.OnAccent.Default#f1f4f4#1a2332Use as border color for elements in success accentuated context.
Colors.Border.Success.OnAccent.DefaultHover#f1f4f4cc#1a2332ccUse as border color for elements in success accentuated context on hover interaction.
Colors.Border.Success.OnAccent.DefaultActive#f1f4f499#1a233299Use as border color for elements in success accentuated context on click interaction.

Colors.Border.Warning

SampleToken NameValueDescription
LightDarkLightDark
Colors.Border.Warning.Disabled#d2d3e180#3b3b5280Use as border warning color in a disabled state.
Colors.Border.Warning.Default#f4e5d5#4e3e39Use as the default warning border color.
Colors.Border.Warning.DefaultHover#f5e1cd#5d483cUse as default border warning color on hover interaction.
Colors.Border.Warning.DefaultActive#f5ddc4#6c523eUse as default border warning color on click interaction.
Colors.Border.Warning.Accent#805100#eea83fUse as the border color of warning accentuated elements.
Colors.Border.Warning.AccentHover#683b00#ffc563Use as border color of warning accentuated elements on hover interaction.
Colors.Border.Warning.AccentActive#4d2800#ffecc3Use as border color of warning accentuated elements on click interaction.

Colors.Border.Warning.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Border.Warning.OnAccent.Disabled#27202533#27212633Use as border color for disabled elements in warning accentuated context.
Colors.Border.Warning.OnAccent.Default#272025#272126Use as border color for elements in warning accentuated context.
Colors.Border.Warning.OnAccent.DefaultHover#272025cc#272126ccUse as border color for elements in warning accentuated context on hover interaction.
Colors.Border.Warning.OnAccent.DefaultActive#27202599#27212699Use as border color for elements in warning accentuated context on click interaction.

Colors.Border.Critical

SampleToken NameValueDescription
LightDarkLightDark
Colors.Border.Critical.Disabled#d2d3e180#3b3b5280Use as border critical color in a disabled state.
Colors.Border.Critical.Default#f1cdcf#482332Use as the default critical border color.
Colors.Border.Critical.DefaultHover#f0c4c5#542433Use as default border critical color on hover interaction.
Colors.Border.Critical.DefaultActive#efbabb#602634Use as default border critical color on click interaction.
Colors.Border.Critical.Accent#b80031#ff999cUse as the border color of critical accentuated elements.
Colors.Border.Critical.AccentHover#97001f#ffc1c1Use as border color of critical accentuated elements on hover interaction.
Colors.Border.Critical.AccentActive#720013#ffecebUse as border color of critical accentuated elements on click interaction.

Colors.Border.Critical.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Border.Critical.OnAccent.Disabled#f9f1f333#f9f1f333Use as border color for disabled elements in critical accentuated context.
Colors.Border.Critical.OnAccent.Default#f9f1f3#f9f1f3Use as border color for elements in critical accentuated context.
Colors.Border.Critical.OnAccent.DefaultHover#f9f1f3cc#f9f1f3ccUse as border color for elements in critical accentuated context on hover interaction.
Colors.Border.Critical.OnAccent.DefaultActive#f9f1f399#f9f1f399Use as border color for elements in critical accentuated context on click interaction.

Colors.Border.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Border.OnAccent.Disabled#f3f3f733#19192c33This token is deprecated: Replace with 'Colors.Border.[Color].OnAccent.Disabled'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
Colors.Border.OnAccent.Default#f3f3f7#19192cThis token is deprecated: Replace with 'Colors.Border.[Color].OnAccent.Default'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
Colors.Border.OnAccent.DefaultHover#f3f3f7cc#19192cccThis token is deprecated: Replace with 'Colors.Border.[Color].OnAccent.DefaultHover'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
Colors.Border.OnAccent.DefaultActive#f3f3f799#19192c99This token is deprecated: Replace with 'Colors.Border.[Color].OnAccent.DefaultActive'. [Color] is the accent color the border is placed on, for example, 'Neutral'.

Colors.Text

Colors.Text.Neutral

SampleToken NameValueDescription
LightDarkLightDark
Colors.Text.Neutral.Disabled#54558780#b1b2d280Use for text color on disabled state.
Colors.Text.Neutral.Subdued#545587#b1b2d2Use for subtle, understated text color.
Colors.Text.Neutral.SubduedHover#3f3f6f#cecff0Use for subtle, understated text color on hover interaction.
Colors.Text.Neutral.SubduedActive#2b2a58#ebecffUse for subtle, understated text color on click interaction.
Colors.Text.Neutral.Default#2b2a58#ebecffUse as the default text color.
Colors.Text.Neutral.DefaultHover#3f3f6f#cecff0Use as the default text color on hover interaction.
Colors.Text.Neutral.DefaultActive#545587#b1b2d2Use as the default text color on click interaction.

Colors.Text.Neutral.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Text.Neutral.OnAccent.Disabled#f3f3f680#1f203380Use as text color for disabled elements in accentuated context.
Colors.Text.Neutral.OnAccent.Default#f3f3f6#1f2033Use as text color for elements in accentuated context.
Colors.Text.Neutral.OnAccent.DefaultHover#f3f3f6cc#1f2033ccUse as text color for elements in accentuated context on hover interaction.
Colors.Text.Neutral.OnAccent.DefaultActive#f3f3f699#1f203399Use as text color for elements in accentuated context on click interaction.

Colors.Text.Primary

SampleToken NameValueDescription
LightDarkLightDark
Colors.Text.Primary.Disabled#54558780#b1b2d280Use for primary text color on disabled state.
Colors.Text.Primary.Default#454cc9#adb0ffUse as the default primary text color.
Colors.Text.Primary.DefaultHover#3332ae#ccd0ffUse as the default primary text color on hover interaction.
Colors.Text.Primary.DefaultActive#241193#eef1ffUse as the default primary text color on click interaction.

Colors.Text.Primary.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Text.Primary.OnAccent.Disabled#f4f4fb80#1f203780Use as text color for disabled elements in primary accentuated context.
Colors.Text.Primary.OnAccent.Default#f4f4fb#1f2037Use as text color for elements in primary accentuated context.
Colors.Text.Primary.OnAccent.DefaultHover#f4f4fbcc#1f2037ccUse as text color for elements in primary accentuated context on hover interaction.
Colors.Text.Primary.OnAccent.DefaultActive#f4f4fb99#1f203799Use as text color for elements in primary accentuated context on click interaction.

Colors.Text.Success

SampleToken NameValueDescription
LightDarkLightDark
Colors.Text.Success.Disabled#54558780#b1b2d280Use for success text color on disabled state.
Colors.Text.Success.Default#2c6360#6fc3baUse as the default success text color.
Colors.Text.Success.DefaultHover#124d4a#8ce0d7Use as the default success text color on hover interaction.
Colors.Text.Success.DefaultActive#003735#aafef5Use as the default success text color on click interaction.

Colors.Text.Success.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Text.Success.OnAccent.Disabled#f1f4f480#1a233280Use as text color for disabled elements in success accentuated context.
Colors.Text.Success.OnAccent.Default#f1f4f4#1a2332Use as text color for elements in success accentuated context.
Colors.Text.Success.OnAccent.DefaultHover#f1f4f4cc#1a2332ccUse as text color for elements in success accentuated context on hover interaction.
Colors.Text.Success.OnAccent.DefaultActive#f1f4f499#1a233299Use as text color for elements in success accentuated context on click interaction.

Colors.Text.Warning

SampleToken NameValueDescription
LightDarkLightDark
Colors.Text.Warning.Disabled#54558780#b1b2d280Use for warning text color on disabled state.
Colors.Text.Warning.Default#805100#eea83fUse as the default warning text color.
Colors.Text.Warning.DefaultHover#683b00#ffc563Use as the default warning text color on hover interaction.
Colors.Text.Warning.DefaultActive#4d2800#ffecc3Use as the default warning text color on click interaction.

Colors.Text.Warning.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Text.Warning.OnAccent.Disabled#27202580#27212680Use as text color for disabled elements in warning accentuated context.
Colors.Text.Warning.OnAccent.Default#272025#272126Use as text color for elements in warning accentuated context.
Colors.Text.Warning.OnAccent.DefaultHover#272025cc#272126ccUse as text color for elements in warning accentuated context on hover interaction.
Colors.Text.Warning.OnAccent.DefaultActive#27202599#27212699Use as text color for elements in warning accentuated context on click interaction.

Colors.Text.Critical

SampleToken NameValueDescription
LightDarkLightDark
Colors.Text.Critical.Disabled#54558780#b1b2d280Use for critical text color on disabled state.
Colors.Text.Critical.Default#b80031#ff999cUse as the default critical text color.
Colors.Text.Critical.DefaultHover#97001f#ffc1c1Use as the default critical text color on hover interaction.
Colors.Text.Critical.DefaultActive#720013#ffecebUse as the default critical text color on click interaction.

Colors.Text.Critical.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Text.Critical.OnAccent.Disabled#f9f1f380#f9f1f380Use as text color for disabled elements in critical accentuated context.
Colors.Text.Critical.OnAccent.Default#f9f1f3#f9f1f3Use as text color for elements in critical accentuated context.
Colors.Text.Critical.OnAccent.DefaultHover#f9f1f3cc#f9f1f3ccUse as text color for elements in critical accentuated context on hover interaction.
Colors.Text.Critical.OnAccent.DefaultActive#f9f1f399#f9f1f399Use as text color for elements in critical accentuated context on click interaction.

Colors.Text.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Text.OnAccent.Disabled#f3f3f780#19192c80This token is deprecated: Replace with 'Colors.Text.[Color].OnAccent.Disabled'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
Colors.Text.OnAccent.Default#f3f3f7#19192cThis token is deprecated: Replace with 'Colors.Text.[Color].OnAccent.Default'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
Colors.Text.OnAccent.DefaultHover#f3f3f7cc#19192cccThis token is deprecated: Replace with 'Colors.Text.[Color].OnAccent.DefaultHover'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
Colors.Text.OnAccent.DefaultActive#f3f3f799#19192c99This token is deprecated: Replace with 'Colors.Text.[Color].OnAccent.DefaultActive'. [Color] is the accent color the text is placed on, for example, 'Neutral'.

Colors.Icon

Colors.Icon.Neutral

SampleToken NameValueDescription
LightDarkLightDark
Colors.Icon.Neutral.Disabled#54558780#b1b2d280Use for icon color on disabled state.
Colors.Icon.Neutral.Subdued#545587#b1b2d2Use for subtle, understated icon color.
Colors.Icon.Neutral.SubduedHover#3f3f6f#cecff0Use for subtle, understated icon color on hover interaction.
Colors.Icon.Neutral.SubduedActive#2b2a58#ebecffUse for subtle, understated icon color on click interaction.
Colors.Icon.Neutral.Default#2b2a58#ebecffUse as the default icon color.
Colors.Icon.Neutral.DefaultHover#3f3f6f#cecff0Use as the default icon color on hover interaction.
Colors.Icon.Neutral.DefaultActive#545587#b1b2d2Use as the default icon color on click interaction.

Colors.Icon.Neutral.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Icon.Neutral.OnAccent.Disabled#f3f3f680#1f203380Use as icon color for disabled elements in accentuated context.
Colors.Icon.Neutral.OnAccent.Default#f3f3f6#1f2033Use as icon color for elements in accentuated context.
Colors.Icon.Neutral.OnAccent.DefaultHover#f3f3f6cc#1f2033ccUse as icon color for elements in accentuated context on hover interaction.
Colors.Icon.Neutral.OnAccent.DefaultActive#f3f3f699#1f203399Use as icon color for elements in accentuated context on click interaction.

Colors.Icon.Primary

SampleToken NameValueDescription
LightDarkLightDark
Colors.Icon.Primary.Disabled#54558780#b1b2d280Use for primary icon color on disabled state.
Colors.Icon.Primary.Default#454cc9#adb0ffUse as the default primary icon color.
Colors.Icon.Primary.DefaultHover#3332ae#ccd0ffUse as the default primary icon color on hover interaction.
Colors.Icon.Primary.DefaultActive#241193#eef1ffUse as the default primary icon color on click interaction.

Colors.Icon.Primary.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Icon.Primary.OnAccent.Disabled#f4f4fb80#1f203780Use as icon color for disabled elements in primary accentuated context.
Colors.Icon.Primary.OnAccent.Default#f4f4fb#1f2037Use as icon color for elements in primary accentuated context.
Colors.Icon.Primary.OnAccent.DefaultHover#f4f4fbcc#1f2037ccUse as icon color for elements in primary accentuated context on hover interaction.
Colors.Icon.Primary.OnAccent.DefaultActive#f4f4fb99#1f203799Use as icon color for elements in primary accentuated context on click interaction.

Colors.Icon.Success

SampleToken NameValueDescription
LightDarkLightDark
Colors.Icon.Success.Disabled#54558780#b1b2d280Use for success icon color on disabled state.
Colors.Icon.Success.Default#2c6360#6fc3baUse as the default success icon color.
Colors.Icon.Success.DefaultHover#124d4a#8ce0d7Use as the default success icon color on hover interaction.
Colors.Icon.Success.DefaultActive#003735#aafef5Use as the default success icon color on click interaction.

Colors.Icon.Success.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Icon.Success.OnAccent.Disabled#f1f4f480#1a233280Use as icon color for disabled elements in success accentuated context.
Colors.Icon.Success.OnAccent.Default#f1f4f4#1a2332Use as icon color for elements in success accentuated context.
Colors.Icon.Success.OnAccent.DefaultHover#f1f4f4cc#1a2332ccUse as icon color for elements in success accentuated context on hover interaction.
Colors.Icon.Success.OnAccent.DefaultActive#f1f4f499#1a233299Use as icon color for elements in success accentuated context on click interaction.

Colors.Icon.Warning

SampleToken NameValueDescription
LightDarkLightDark
Colors.Icon.Warning.Disabled#54558780#b1b2d280Use for warning icon color on disabled state.
Colors.Icon.Warning.Default#805100#eea83fUse as the default warning icon color.
Colors.Icon.Warning.DefaultHover#683b00#ffc563Use as the default warning icon color on hover interaction.
Colors.Icon.Warning.DefaultActive#4d2800#ffecc3Use as the default warning icon color on click interaction.

Colors.Icon.Warning.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Icon.Warning.OnAccent.Disabled#27202580#27212680Use as icon color for disabled elements in warning accentuated context.
Colors.Icon.Warning.OnAccent.Default#272025#272126Use as icon color for elements in warning accentuated context.
Colors.Icon.Warning.OnAccent.DefaultHover#272025cc#272126ccUse as icon color for elements in warning accentuated context on hover interaction.
Colors.Icon.Warning.OnAccent.DefaultActive#27202599#27212699Use as icon color for elements in warning accentuated context on click interaction.

Colors.Icon.Critical

SampleToken NameValueDescription
LightDarkLightDark
Colors.Icon.Critical.Disabled#54558780#b1b2d280Use for critical icon color on disabled state.
Colors.Icon.Critical.Default#b80031#ff999cUse as the default critical icon color.
Colors.Icon.Critical.DefaultHover#97001f#ffc1c1Use as the default critical icon color on hover interaction.
Colors.Icon.Critical.DefaultActive#720013#ffecebUse as the default critical icon color on click interaction.

Colors.Icon.Critical.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Icon.Critical.OnAccent.Disabled#f9f1f380#f9f1f380Use as icon color for disabled elements in critical accentuated context.
Colors.Icon.Critical.OnAccent.Default#f9f1f3#f9f1f3Use as icon color for elements in critical accentuated context.
Colors.Icon.Critical.OnAccent.DefaultHover#f9f1f3cc#f9f1f3ccUse as icon color for elements in critical accentuated context on hover interaction.
Colors.Icon.Critical.OnAccent.DefaultActive#f9f1f399#f9f1f399Use as icon color for elements in critical accentuated context on click interaction.

Colors.Icon.OnAccent

SampleToken NameValueDescription
LightDarkLightDark
Colors.Icon.OnAccent.Disabled#f3f3f780#19192c80This token is deprecated: Replace with 'Colors.Icon.[Color].OnAccent.Disabled'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
Colors.Icon.OnAccent.Default#f3f3f7#19192cThis token is deprecated: Replace with 'Colors.Icon.[Color].OnAccent.Default'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
Colors.Icon.OnAccent.DefaultHover#f3f3f7cc#19192cccThis token is deprecated: Replace with 'Colors.Icon.[Color].OnAccent.DefaultHover'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
Colors.Icon.OnAccent.DefaultActive#f3f3f799#19192c99This token is deprecated: Replace with 'Colors.Icon.[Color].OnAccent.DefaultActive'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.

Colors.Syntax

Colors.Syntax

SampleToken NameValueDescription
LightDarkLightDark
Colors.Syntax.Comment#545586#b2b3cdUse to style 'Comment' syntax on a code editor context.
Colors.Syntax.String#086467#80dbcaUse to style 'String' syntax on a code editor context.
Colors.Syntax.Variable#2754b5#abb1edUse to style 'Variable' syntax on a code editor context.
Colors.Syntax.Number#aa0081#fd8fe1Use to style 'Number' syntax on a code editor context.
Colors.Syntax.Punctuation#8136a9#cfa3f3Use to style 'Punctuation' syntax on a code editor context.
Colors.Syntax.Function#2754b5#abb1edUse to style 'Function' syntax on a code editor context.
Colors.Syntax.Classname#2c2d4d#f0f0f5Use to style 'Classname' syntax on a code editor context.
Colors.Syntax.Tag#b30926#ff96a6Use to style 'Tag' syntax on a code editor context.
Colors.Syntax.Operators#8136a9#cfa3f3Use to style 'Operators' syntax on a code editor context.
Colors.Syntax.Boolean#973f00#fe9b7dUse 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