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#383842#f0f0f5
    Colors.Theme.Foreground.20#fff#16161d

    Colors.Theme.Background​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Background.10#fafafb#1b1b22
    Colors.Theme.Background.20#fff#16161d

    Colors.Theme.Background.Shell​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Background.Shell.Default#f4f4f6#141419

    Colors.Theme.Background.Surface​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Background.Surface.BackdropEmbedded#fafafbcc#16161dcc

    Colors.Theme.Neutral​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Neutral.10#f4f4f6#1f1f26
    Colors.Theme.Neutral.20#eff0f2#292931
    Colors.Theme.Neutral.30#eaeaed#34343b
    Colors.Theme.Neutral.40#e4e4e7#3f3f47
    Colors.Theme.Neutral.50#dddee1#4b4a52
    Colors.Theme.Neutral.60#d6d7da#56565e
    Colors.Theme.Neutral.70#34353d#dbdbe1
    Colors.Theme.Neutral.80#23242c#ebebf2
    Colors.Theme.Neutral.90#14151c#fcfcff

    Colors.Theme.Primary​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Primary.10#f0f4fa#1c2434
    Colors.Theme.Primary.20#e7eefb#1c2940
    Colors.Theme.Primary.30#dde8fc#1c2d4d
    Colors.Theme.Primary.40#d1e1fd#1d315a
    Colors.Theme.Primary.50#c3d8ff#1d3667
    Colors.Theme.Primary.60#b5cfff#1c3a75
    Colors.Theme.Primary.70#1966ff#115aed
    Colors.Theme.Primary.80#0254ed#0049db
    Colors.Theme.Primary.90#0042da#0036ca

    Colors.Theme.Success​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Success.10#f1f6f3#1a2a22
    Colors.Theme.Success.20#eaf4ee#1c3227
    Colors.Theme.Success.30#e2f2e8#1e3b2d
    Colors.Theme.Success.40#d8efe2#1f4332
    Colors.Theme.Success.50#cdecda#204c38
    Colors.Theme.Success.60#c1e8d2#21553e
    Colors.Theme.Success.70#00c181#03a570
    Colors.Theme.Success.80#2cd08f#2ab57f
    Colors.Theme.Success.90#43df9d#41c58e

    Colors.Theme.Warning​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Warning.10#fdf9f1#2e2719
    Colors.Theme.Warning.20#fdf7e8#39301b
    Colors.Theme.Warning.30#fdf3dd#45391d
    Colors.Theme.Warning.40#fdefd1#52431f
    Colors.Theme.Warning.50#fdebc2#5e4c20
    Colors.Theme.Warning.60#fde6b3#6b5620
    Colors.Theme.Warning.70#fdc300#dfac01
    Colors.Theme.Warning.80#ffd12b#f0bc2b
    Colors.Theme.Warning.90#ffe27f#ffcc43

    Colors.Theme.Critical​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Theme.Critical.10#f9f1f1#321e1d
    Colors.Theme.Critical.20#faeae9#3d201f
    Colors.Theme.Critical.30#fbe1df#482220
    Colors.Theme.Critical.40#fbd6d4#532322
    Colors.Theme.Critical.50#fbcbc7#5e2423
    Colors.Theme.Critical.60#fabeba#692425
    Colors.Theme.Critical.70#e01032#cd0c2c
    Colors.Theme.Critical.80#cd0022#bb001c
    Colors.Theme.Critical.90#b50019#a30014

    Colors.Background​

    Colors.Background.Base​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Base.Default#fafafb#16161d

    Use for the background of your app.

    Colors.Background.Surface​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Surface.Backdrop#38384266#16161dcc

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

    Colors.Background.Surface.BackdropEmbedded#fafafbcc#16161dcc

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

    Colors.Background.Surface.Default#fff#1b1b22

    Use for default surface background.

    Colors.Background.Container.Neutral​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Container.Neutral.Subdued#fafafb#16161d

    Use for subtle containers.

    Colors.Background.Container.Neutral.Default#f4f4f6#1f1f26

    Use for default containers.

    Colors.Background.Container.Neutral.Emphasized#eff0f2#292931

    Use for emphasized neutral containers that draw attention.

    Colors.Background.Container.Neutral.Accent#34353d#dbdbe1

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

    Colors.Background.Container.Primary​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Container.Primary.Default#f0f4fa#1c2434

    Use for default primary color containers.

    Colors.Background.Container.Primary.Emphasized#e7eefb#1c2940

    Use for emphasized primary color containers that draw attention.

    Colors.Background.Container.Primary.Accent#1966ff#115aed

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

    Colors.Background.Container.Success​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Container.Success.Default#f1f6f3#1a2a22

    Use for default success color containers.

    Colors.Background.Container.Success.Emphasized#eaf4ee#1c3227

    Use for emphasized success color containers that draw attention.

    Colors.Background.Container.Success.Accent#00c181#03a570

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

    Colors.Background.Container.Warning​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Container.Warning.Default#fdf9f1#2e2719

    Use for default warning color containers.

    Colors.Background.Container.Warning.Emphasized#fdf7e8#39301b

    Use for emphasized warning color containers that draw attention.

    Colors.Background.Container.Warning.Accent#fdc300#dfac01

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

    Colors.Background.Container.Critical​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Container.Critical.Default#f9f1f1#321e1d

    Use for default critical color containers.

    Colors.Background.Container.Critical.Emphasized#faeae9#3d201f

    Use for emphasized critical color containers that draw attention.

    Colors.Background.Container.Critical.Accent#e01032#cd0c2c

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

    Colors.Background.Field.Neutral​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Field.Neutral.Disabled#eaeaed80#34343b80

    Use for disabled neutral fields.

    Colors.Background.Field.Neutral.Default#eff0f200#29293100

    Use for default neutral fields.

    Colors.Background.Field.Neutral.DefaultHover#eff0f2#292931

    Use for hover interaction on default neutral fields.

    Colors.Background.Field.Neutral.DefaultActive#eaeaed#34343b

    Use for click interaction on default neutral fields.

    Colors.Background.Field.Neutral.Emphasized#eaeaed#34343b

    Use for emphasized neutral fields.

    Colors.Background.Field.Neutral.EmphasizedHover#e4e4e7#3f3f47

    Use for hover interaction on emphasized neutral fields.

    Colors.Background.Field.Neutral.EmphasizedActive#dddee1#4b4a52

    Use for click interaction on emphasized neutral fields.

    Colors.Background.Field.Neutral.Accent#34353d#dbdbe1

    Use for accentuated neutral fields. Use sparingly.

    Colors.Background.Field.Neutral.AccentHover#23242c#ebebf2

    Use for hover interaction on accentuated neutral fields.

    Colors.Background.Field.Neutral.AccentActive#14151c#fcfcff

    Use for click interaction on accentuated neutral fields.

    Colors.Background.Field.Primary​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Field.Primary.Disabled#eaeaed80#34343b80

    Use for disabled primary fields.

    Colors.Background.Field.Primary.Default#dde8fc00#1c2d4d00

    Use for default primary fields.

    Colors.Background.Field.Primary.DefaultHover#d1e1fd#1d315a

    Use for hover interaction on default primary fields.

    Colors.Background.Field.Primary.DefaultActive#c3d8ff#1d3667

    Use for click interaction on default primary fields.

    Colors.Background.Field.Primary.Emphasized#dde8fc#1c2d4d

    Use for emphasized primary fields.

    Colors.Background.Field.Primary.EmphasizedHover#d1e1fd#1d315a

    Use for hover interaction on emphasized primary fields.

    Colors.Background.Field.Primary.EmphasizedActive#c3d8ff#1d3667

    Use for click interaction on emphasized primary fields.

    Colors.Background.Field.Primary.Accent#1966ff#115aed

    Use for accentuated primary fields. Use sparingly.

    Colors.Background.Field.Primary.AccentHover#0254ed#0049db

    Use for hover interaction on accentuated primary fields.

    Colors.Background.Field.Primary.AccentActive#0042da#0036ca

    Use for click interaction on accentuated primary fields.

    Colors.Background.Field.Success​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Field.Success.Disabled#eaeaed80#34343b80

    Use for disabled success fields.

    Colors.Background.Field.Success.Default#e2f2e800#1e3b2d00

    Use for default success fields.

    Colors.Background.Field.Success.DefaultHover#d8efe2#1f4332

    Use for hover interaction on default success fields.

    Colors.Background.Field.Success.DefaultActive#cdecda#204c38

    Use for click interaction on default success fields.

    Colors.Background.Field.Success.Emphasized#e2f2e8#1e3b2d

    Use for emphasized success fields.

    Colors.Background.Field.Success.EmphasizedHover#d8efe2#1f4332

    Use for hover interaction on emphasized success fields.

    Colors.Background.Field.Success.EmphasizedActive#cdecda#204c38

    Use for click interaction on emphasized success fields.

    Colors.Background.Field.Success.Accent#00c181#03a570

    Use for accentuated success fields. Use sparingly.

    Colors.Background.Field.Success.AccentHover#2cd08f#2ab57f

    Use for hover interaction on accentuated success fields.

    Colors.Background.Field.Success.AccentActive#43df9d#41c58e

    Use for click interaction on accentuated success fields.

    Colors.Background.Field.Warning​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Field.Warning.Disabled#eaeaed80#34343b80

    Use for disabled warning fields.

    Colors.Background.Field.Warning.Default#fdf3dd00#45391d00

    Use for default warning fields.

    Colors.Background.Field.Warning.DefaultHover#fdefd1#52431f

    Use for hover interaction on default warning fields.

    Colors.Background.Field.Warning.DefaultActive#fdebc2#5e4c20

    Use for click interaction on default warning fields.

    Colors.Background.Field.Warning.Emphasized#fdf3dd#45391d

    Use for emphasized warning fields.

    Colors.Background.Field.Warning.EmphasizedHover#fdefd1#52431f

    Use for hover interaction on emphasized warning fields.

    Colors.Background.Field.Warning.EmphasizedActive#fdebc2#5e4c20

    Use for click interaction on emphasized warning fields.

    Colors.Background.Field.Warning.Accent#fdc300#dfac01

    Use for accentuated warning fields. Use sparingly.

    Colors.Background.Field.Warning.AccentHover#ffd12b#f0bc2b

    Use for hover interaction on accentuated warning fields.

    Colors.Background.Field.Warning.AccentActive#ffe27f#ffcc43

    Use for click interaction on accentuated warning fields.

    Colors.Background.Field.Critical​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Field.Critical.Disabled#eaeaed80#34343b80

    Use for disabled critical fields.

    Colors.Background.Field.Critical.Default#fbe1df00#48222000

    Use for default critical fields.

    Colors.Background.Field.Critical.DefaultHover#fbd6d4#532322

    Use for hover interaction on default critical fields.

    Colors.Background.Field.Critical.DefaultActive#fbcbc7#5e2423

    Use for click interaction on default critical fields.

    Colors.Background.Field.Critical.Emphasized#fbe1df#482220

    Use for emphasized critical fields.

    Colors.Background.Field.Critical.EmphasizedHover#fbd6d4#532322

    Use for hover interaction on emphasized critical fields.

    Colors.Background.Field.Critical.EmphasizedActive#fbcbc7#5e2423

    Use for click interaction on emphasized critical fields.

    Colors.Background.Field.Critical.Accent#e01032#cd0c2c

    Use for accentuated critical fields. Use sparingly.

    Colors.Background.Field.Critical.AccentHover#cd0022#bb001c

    Use for hover interaction on accentuated critical fields.

    Colors.Background.Field.Critical.AccentActive#b50019#a30014

    Use for click interaction on accentuated critical fields.

    Colors.Background.Shell​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Background.Shell.Default#f4f4f6#141419

    Use for the shell background.

    Colors.BoxShadow​

    Colors.BoxShadow​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.BoxShadow.Default#383839#0b0b12

    Use as the color for drop-shadows.

    Colors.Border​

    Colors.Border.Neutral​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Neutral.Disabled#e4e4e780#3f3f4780

    Use as the default border color in a disabled state.

    Colors.Border.Neutral.Default#e4e4e7#3f3f47

    Use as the default border color.

    Colors.Border.Neutral.DefaultHover#dddee1#4b4a52

    Use as default border color on hover interaction.

    Colors.Border.Neutral.DefaultActive#d6d7da#56565e

    Use as default border color on click interaction.

    Colors.Border.Neutral.Accent#5c5d66#b1b1b7

    Use as the border color of accentuated elements.

    Colors.Border.Neutral.AccentHover#46474f#ceced3

    Use as border color of accentuated elements on hover interaction.

    Colors.Border.Neutral.AccentActive#31323a#ebebee

    Use as border color of accentuated elements on click interaction.

    Colors.Border.Neutral.Subdued#eaeaed#34343b

    Use as border color of subtle elements.

    Colors.Border.Neutral.SubduedHover#dddee1#4b4a52

    Use as border color of subtle elements on hover interaction.

    Colors.Border.Neutral.SubduedActive#d6d7da#56565e

    Use for click interactions on subtle elements.

    Colors.Border.Neutral.OnAccent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Neutral.OnAccent.Disabled#f6f6fa33#0b0b0f33

    Use as border color for disabled elements in accentuated context.

    Colors.Border.Neutral.OnAccent.Default#f6f6fa#0b0b0f

    Use as border color for elements in accentuated context.

    Colors.Border.Neutral.OnAccent.DefaultHover#f6f6facc#0b0b0fcc

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

    Colors.Border.Neutral.OnAccent.DefaultActive#f6f6fa99#0b0b0f99

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

    Colors.Border.Primary​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Primary.Disabled#e4e4e780#3f3f4780

    Use as border primary color in a disabled state.

    Colors.Border.Primary.Default#d1e1fd#1d315a

    Use as the default primary border color.

    Colors.Border.Primary.DefaultHover#c3d8ff#1d3667

    Use as default border primary color on hover interaction.

    Colors.Border.Primary.DefaultActive#b5cfff#1c3a75

    Use as default border primary color on click interaction.

    Colors.Border.Primary.Accent#0b56e5#85b3ff

    Use as the border color of primary accentuated elements.

    Colors.Border.Primary.AccentHover#003ac9#aed0ff

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

    Colors.Border.Primary.AccentActive#0017ae#dcedff

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

    Colors.Border.Primary.OnAccent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Primary.OnAccent.Disabled#f7f9fc33#f5f7fa33

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

    Colors.Border.Primary.OnAccent.Default#f7f9fc#f5f7fa

    Use as border color for elements in primary accentuated context.

    Colors.Border.Primary.OnAccent.DefaultHover#f7f9fccc#f5f7facc

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

    Colors.Border.Primary.OnAccent.DefaultActive#f7f9fc99#f5f7fa99

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

    Colors.Border.Success​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Success.Disabled#e4e4e780#3f3f4780

    Use as border success color in a disabled state.

    Colors.Border.Success.Default#d8efe2#1f4332

    Use as the default success border color.

    Colors.Border.Success.DefaultHover#cdecda#204c38

    Use as default border success color on hover interaction.

    Colors.Border.Success.DefaultActive#c1e8d2#21553e

    Use as default border success color on click interaction.

    Colors.Border.Success.Accent#007242#4ec792

    Use as the border color of success accentuated elements.

    Colors.Border.Success.AccentHover#005b33#6ee5ae

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

    Colors.Border.Success.AccentActive#004222#b7f8d6

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

    Colors.Border.Success.OnAccent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Success.OnAccent.Disabled#080c0a33#080c0a33

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

    Colors.Border.Success.OnAccent.Default#080c0a#080c0a

    Use as border color for elements in success accentuated context.

    Colors.Border.Success.OnAccent.DefaultHover#080c0acc#080c0acc

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

    Colors.Border.Success.OnAccent.DefaultActive#080c0a99#080c0a99

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

    Colors.Border.Warning​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Warning.Disabled#e4e4e780#3f3f4780

    Use as border warning color in a disabled state.

    Colors.Border.Warning.Default#fdefd1#52431f

    Use as the default warning border color.

    Colors.Border.Warning.DefaultHover#fdebc2#5e4c20

    Use as default border warning color on hover interaction.

    Colors.Border.Warning.DefaultActive#fde6b3#6b5620

    Use as default border warning color on click interaction.

    Colors.Border.Warning.Accent#815d00#ddad23

    Use as the border color of warning accentuated elements.

    Colors.Border.Warning.AccentHover#664800#fbca4c

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

    Colors.Border.Warning.AccentActive#4c3400#ffedc0

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

    Colors.Border.Warning.OnAccent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Warning.OnAccent.Disabled#0d0b0733#0d0b0733

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

    Colors.Border.Warning.OnAccent.Default#0d0b07#0d0b07

    Use as border color for elements in warning accentuated context.

    Colors.Border.Warning.OnAccent.DefaultHover#0d0b07cc#0d0b07cc

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

    Colors.Border.Warning.OnAccent.DefaultActive#0d0b0799#0d0b0799

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

    Colors.Border.Critical​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Border.Critical.Disabled#e4e4e780#3f3f4780

    Use as border critical color in a disabled state.

    Colors.Border.Critical.Default#fbd6d4#532322

    Use as the default critical border color.

    Colors.Border.Critical.DefaultHover#fbcbc7#5e2423

    Use as default border critical color on hover interaction.

    Colors.Border.Critical.DefaultActive#fabeba#692425

    Use as default border critical color on click interaction.

    Colors.Border.Critical.Accent#c80026#ff918d

    Use as the border color of critical accentuated elements.

    Colors.Border.Critical.AccentHover#a60016#ffb9b4

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

    Colors.Border.Critical.AccentActive#80000c#ffe4e1

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

    Colors.Border.Critical.OnAccent​

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

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

    Colors.Border.Critical.OnAccent.Default#faf5f5#faf5f5

    Use as border color for elements in critical accentuated context.

    Colors.Border.Critical.OnAccent.DefaultHover#faf5f5cc#faf5f5cc

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

    Colors.Border.Critical.OnAccent.DefaultActive#faf5f599#faf5f599

    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#5c5d6680#b1b1b780

    Use for text color on disabled state.

    Colors.Text.Neutral.Subdued#5c5d66#b1b1b7

    Use for subtle, understated text color.

    Colors.Text.Neutral.SubduedHover#46474f#ceced3

    Use for subtle, understated text color on hover interaction.

    Colors.Text.Neutral.SubduedActive#31323a#ebebee

    Use for subtle, understated text color on click interaction.

    Colors.Text.Neutral.Default#31323a#ebebee

    Use as the default text color.

    Colors.Text.Neutral.DefaultHover#46474f#ceced3

    Use as the default text color on hover interaction.

    Colors.Text.Neutral.DefaultActive#5c5d66#b1b1b7

    Use as the default text color on click interaction.

    Colors.Text.Neutral.OnAccent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Neutral.OnAccent.Disabled#f6f6fa80#0b0b0f80

    Use as text color for disabled elements in accentuated context.

    Colors.Text.Neutral.OnAccent.Default#f6f6fa#0b0b0f

    Use as text color for elements in accentuated context.

    Colors.Text.Neutral.OnAccent.DefaultHover#f6f6facc#0b0b0fcc

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

    Colors.Text.Neutral.OnAccent.DefaultActive#f6f6fa99#0b0b0f99

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

    Colors.Text.Primary​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Primary.Disabled#5c5d6680#b1b1b780

    Use for primary text color on disabled state.

    Colors.Text.Primary.Default#0b56e5#85b3ff

    Use as the default primary text color.

    Colors.Text.Primary.DefaultHover#003ac9#aed0ff

    Use as the default primary text color on hover interaction.

    Colors.Text.Primary.DefaultActive#0017ae#dcedff

    Use as the default primary text color on click interaction.

    Colors.Text.Primary.OnAccent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Primary.OnAccent.Disabled#f7f9fc80#f5f7fa80

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

    Colors.Text.Primary.OnAccent.Default#f7f9fc#f5f7fa

    Use as text color for elements in primary accentuated context.

    Colors.Text.Primary.OnAccent.DefaultHover#f7f9fccc#f5f7facc

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

    Colors.Text.Primary.OnAccent.DefaultActive#f7f9fc99#f5f7fa99

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

    Colors.Text.Success​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Success.Disabled#5c5d6680#b1b1b780

    Use for success text color on disabled state.

    Colors.Text.Success.Default#007242#4ec792

    Use as the default success text color.

    Colors.Text.Success.DefaultHover#005b33#6ee5ae

    Use as the default success text color on hover interaction.

    Colors.Text.Success.DefaultActive#004222#b7f8d6

    Use as the default success text color on click interaction.

    Colors.Text.Success.OnAccent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Success.OnAccent.Disabled#080c0a80#080c0a80

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

    Colors.Text.Success.OnAccent.Default#080c0a#080c0a

    Use as text color for elements in success accentuated context.

    Colors.Text.Success.OnAccent.DefaultHover#080c0acc#080c0acc

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

    Colors.Text.Success.OnAccent.DefaultActive#080c0a99#080c0a99

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

    Colors.Text.Warning​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Warning.Disabled#5c5d6680#b1b1b780

    Use for warning text color on disabled state.

    Colors.Text.Warning.Default#815d00#ddad23

    Use as the default warning text color.

    Colors.Text.Warning.DefaultHover#664800#fbca4c

    Use as the default warning text color on hover interaction.

    Colors.Text.Warning.DefaultActive#4c3400#ffedc0

    Use as the default warning text color on click interaction.

    Colors.Text.Warning.OnAccent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Warning.OnAccent.Disabled#0d0b0780#0d0b0780

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

    Colors.Text.Warning.OnAccent.Default#0d0b07#0d0b07

    Use as text color for elements in warning accentuated context.

    Colors.Text.Warning.OnAccent.DefaultHover#0d0b07cc#0d0b07cc

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

    Colors.Text.Warning.OnAccent.DefaultActive#0d0b0799#0d0b0799

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

    Colors.Text.Critical​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Text.Critical.Disabled#5c5d6680#b1b1b780

    Use for critical text color on disabled state.

    Colors.Text.Critical.Default#c80026#ff918d

    Use as the default critical text color.

    Colors.Text.Critical.DefaultHover#a60016#ffb9b4

    Use as the default critical text color on hover interaction.

    Colors.Text.Critical.DefaultActive#80000c#ffe4e1

    Use as the default critical text color on click interaction.

    Colors.Text.Critical.OnAccent​

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

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

    Colors.Text.Critical.OnAccent.Default#faf5f5#faf5f5

    Use as text color for elements in critical accentuated context.

    Colors.Text.Critical.OnAccent.DefaultHover#faf5f5cc#faf5f5cc

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

    Colors.Text.Critical.OnAccent.DefaultActive#faf5f599#faf5f599

    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#5c5d6680#b1b1b780

    Use for icon color on disabled state.

    Colors.Icon.Neutral.Subdued#5c5d66#b1b1b7

    Use for subtle, understated icon color.

    Colors.Icon.Neutral.SubduedHover#46474f#ceced3

    Use for subtle, understated icon color on hover interaction.

    Colors.Icon.Neutral.SubduedActive#31323a#ebebee

    Use for subtle, understated icon color on click interaction.

    Colors.Icon.Neutral.Default#31323a#ebebee

    Use as the default icon color.

    Colors.Icon.Neutral.DefaultHover#46474f#ceced3

    Use as the default icon color on hover interaction.

    Colors.Icon.Neutral.DefaultActive#5c5d66#b1b1b7

    Use as the default icon color on click interaction.

    Colors.Icon.Neutral.OnAccent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Neutral.OnAccent.Disabled#f6f6fa80#0b0b0f80

    Use as icon color for disabled elements in accentuated context.

    Colors.Icon.Neutral.OnAccent.Default#f6f6fa#0b0b0f

    Use as icon color for elements in accentuated context.

    Colors.Icon.Neutral.OnAccent.DefaultHover#f6f6facc#0b0b0fcc

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

    Colors.Icon.Neutral.OnAccent.DefaultActive#f6f6fa99#0b0b0f99

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

    Colors.Icon.Primary​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Primary.Disabled#5c5d6680#b1b1b780

    Use for primary icon color on disabled state.

    Colors.Icon.Primary.Default#0b56e5#85b3ff

    Use as the default primary icon color.

    Colors.Icon.Primary.DefaultHover#003ac9#aed0ff

    Use as the default primary icon color on hover interaction.

    Colors.Icon.Primary.DefaultActive#0017ae#dcedff

    Use as the default primary icon color on click interaction.

    Colors.Icon.Primary.OnAccent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Primary.OnAccent.Disabled#f7f9fc80#f5f7fa80

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

    Colors.Icon.Primary.OnAccent.Default#f7f9fc#f5f7fa

    Use as icon color for elements in primary accentuated context.

    Colors.Icon.Primary.OnAccent.DefaultHover#f7f9fccc#f5f7facc

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

    Colors.Icon.Primary.OnAccent.DefaultActive#f7f9fc99#f5f7fa99

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

    Colors.Icon.Success​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Success.Disabled#5c5d6680#b1b1b780

    Use for success icon color on disabled state.

    Colors.Icon.Success.Default#007242#4ec792

    Use as the default success icon color.

    Colors.Icon.Success.DefaultHover#005b33#6ee5ae

    Use as the default success icon color on hover interaction.

    Colors.Icon.Success.DefaultActive#004222#b7f8d6

    Use as the default success icon color on click interaction.

    Colors.Icon.Success.OnAccent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Success.OnAccent.Disabled#080c0a80#080c0a80

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

    Colors.Icon.Success.OnAccent.Default#080c0a#080c0a

    Use as icon color for elements in success accentuated context.

    Colors.Icon.Success.OnAccent.DefaultHover#080c0acc#080c0acc

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

    Colors.Icon.Success.OnAccent.DefaultActive#080c0a99#080c0a99

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

    Colors.Icon.Warning​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Warning.Disabled#5c5d6680#b1b1b780

    Use for warning icon color on disabled state.

    Colors.Icon.Warning.Default#815d00#ddad23

    Use as the default warning icon color.

    Colors.Icon.Warning.DefaultHover#664800#fbca4c

    Use as the default warning icon color on hover interaction.

    Colors.Icon.Warning.DefaultActive#4c3400#ffedc0

    Use as the default warning icon color on click interaction.

    Colors.Icon.Warning.OnAccent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Warning.OnAccent.Disabled#0d0b0780#0d0b0780

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

    Colors.Icon.Warning.OnAccent.Default#0d0b07#0d0b07

    Use as icon color for elements in warning accentuated context.

    Colors.Icon.Warning.OnAccent.DefaultHover#0d0b07cc#0d0b07cc

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

    Colors.Icon.Warning.OnAccent.DefaultActive#0d0b0799#0d0b0799

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

    Colors.Icon.Critical​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Icon.Critical.Disabled#5c5d6680#b1b1b780

    Use for critical icon color on disabled state.

    Colors.Icon.Critical.Default#c80026#ff918d

    Use as the default critical icon color.

    Colors.Icon.Critical.DefaultHover#a60016#ffb9b4

    Use as the default critical icon color on hover interaction.

    Colors.Icon.Critical.DefaultActive#80000c#ffe4e1

    Use as the default critical icon color on click interaction.

    Colors.Icon.Critical.OnAccent​

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

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

    Colors.Icon.Critical.OnAccent.Default#faf5f5#faf5f5

    Use as icon color for elements in critical accentuated context.

    Colors.Icon.Critical.OnAccent.DefaultHover#faf5f5cc#faf5f5cc

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

    Colors.Icon.Critical.OnAccent.DefaultActive#faf5f599#faf5f599

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

    Colors.Syntax​

    Colors.Syntax​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Syntax.Comment#5e606e#b2b3cd

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

    Colors.Syntax.String#036d66#39d0b5

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

    Colors.Syntax.Variable#0b56e5#82b3ff

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

    Colors.Syntax.Number#b7018c#ff94eb

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

    Colors.Syntax.Punctuation#9215e0#d6a5fd

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

    Colors.Syntax.Function#0b56e5#82b3ff

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

    Colors.Syntax.Classname#31323a#eaeaf0

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

    Colors.Syntax.Tag#c50222#ff9eae

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

    Colors.Syntax.Operators#9215e0#d6a5fd

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

    Colors.Syntax.Boolean#a34400#ffa27a

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

    Colors.Charts​

    Colors.Charts.Categorical.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color01.Default#0057bf#0072f5

    Colors.Charts.Categorical.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color02.Default#36383a#e0e2e3

    Colors.Charts.Categorical.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color03.Default#008758#00a46b

    Colors.Charts.Categorical.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color04.Default#eb009b#ff41af

    Colors.Charts.Categorical.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color05.Default#82878b#868b8f

    Colors.Charts.Categorical.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color06.Default#af7e00#c4ad00

    Colors.Charts.Categorical.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color07.Default#0098a5#00afbe

    Colors.Charts.Categorical.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color08.Default#8e5fff#9f81ff

    Colors.Charts.Categorical.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color09.Default#409f00#4bb700

    Colors.Charts.Categorical.Color10​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color10.Default#844e2f#aa673f

    Colors.Charts.Categorical.Color11​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color11.Default#2380ff#95c0ff

    Colors.Charts.Categorical.Color12​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color12.Default#d40036#ff0244

    Colors.Charts.Categorical.Color13​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color13.Default#205900#00dcbe

    Colors.Charts.Categorical.Color14​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color14.Default#d55d00#ff8643

    Colors.Charts.Categorical.Color15​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Categorical.Color15.Default#5600b8#a200c5

    Colors.Charts.CategoricalVivid.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color01.Default#00b3c3#00d6e9

    Colors.Charts.CategoricalVivid.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color02.Default#7f2eff#9166ff

    Colors.Charts.CategoricalVivid.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color03.Default#fa676e#ff5864

    Colors.Charts.CategoricalVivid.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color04.Default#d7b43b#ffe600

    Colors.Charts.CategoricalVivid.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color05.Default#00818c#009caa

    Colors.Charts.CategoricalVivid.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color06.Default#f57323#ff8643

    Colors.Charts.CategoricalVivid.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color07.Default#cc75e6#e89bff

    Colors.Charts.CategoricalVivid.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color08.Default#009f68#00b778

    Colors.Charts.CategoricalVivid.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color09.Default#1bd4b7#00f0cf

    Colors.Charts.CategoricalVivid.Color10​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color10.Default#ffb895#ffbfa0

    Colors.Charts.CategoricalVivid.Color11​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color11.Default#b9a9ff#d0c7ff

    Colors.Charts.CategoricalVivid.Color12​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color12.Default#5c9eff#95c0ff

    Colors.Charts.CategoricalVivid.Color13​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color13.Default#c90084#f200a0

    Colors.Charts.CategoricalVivid.Color14​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color14.Default#0057bf#2f86ff

    Colors.Charts.CategoricalVivid.Color15​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalVivid.Color15.Default#358700#4bb700

    Colors.Charts.CategoricalThemed.PurpleRain.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.PurpleRain.Color01.Default#9000af#b900e1

    Colors.Charts.CategoricalThemed.PurpleRain.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.PurpleRain.Color02.Default#af7e00#b39a00

    Colors.Charts.CategoricalThemed.PurpleRain.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.PurpleRain.Color03.Default#eb009b#ff41af

    Colors.Charts.CategoricalThemed.PurpleRain.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.PurpleRain.Color04.Default#8e5fff#9f81ff

    Colors.Charts.CategoricalThemed.PurpleRain.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.PurpleRain.Color05.Default#844e2f#aa673f

    Colors.Charts.CategoricalThemed.PurpleRain.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.PurpleRain.Color06.Default#d40036#ff0244

    Colors.Charts.CategoricalThemed.Swamps.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Swamps.Color01.Default#006e5e#008e7a

    Colors.Charts.CategoricalThemed.Swamps.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Swamps.Color02.Default#82878b#979ba0

    Colors.Charts.CategoricalThemed.Swamps.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Swamps.Color03.Default#409f00#4bb700

    Colors.Charts.CategoricalThemed.Swamps.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Swamps.Color04.Default#844e2f#aa673f

    Colors.Charts.CategoricalThemed.Swamps.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Swamps.Color05.Default#484b4d#e0e2e3

    Colors.Charts.CategoricalThemed.Swamps.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Swamps.Color06.Default#af7e00#b39a00

    Colors.Charts.CategoricalThemed.Fireplace.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Fireplace.Color01.Default#b1002c#e3003b

    Colors.Charts.CategoricalThemed.Fireplace.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Fireplace.Color02.Default#eb009b#ff41af

    Colors.Charts.CategoricalThemed.Fireplace.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Fireplace.Color03.Default#d55d00#f56c00

    Colors.Charts.CategoricalThemed.Fireplace.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Fireplace.Color04.Default#af7e00#b39a00

    Colors.Charts.CategoricalThemed.Fireplace.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Fireplace.Color05.Default#844e2f#aa673f

    Colors.Charts.CategoricalThemed.Fireplace.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Fireplace.Color06.Default#9000af#b900e1

    Colors.Charts.CategoricalThemed.BlueSteel.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.BlueSteel.Color01.Default#0098a5#00afbe

    Colors.Charts.CategoricalThemed.BlueSteel.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.BlueSteel.Color02.Default#82878b#979ba0

    Colors.Charts.CategoricalThemed.BlueSteel.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.BlueSteel.Color03.Default#2380ff#95c0ff

    Colors.Charts.CategoricalThemed.BlueSteel.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.BlueSteel.Color04.Default#8e5fff#9f81ff

    Colors.Charts.CategoricalThemed.BlueSteel.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.BlueSteel.Color05.Default#00459a#0063d6

    Colors.Charts.CategoricalThemed.BlueSteel.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.BlueSteel.Color06.Default#484b4d#cdcfd2

    Colors.Charts.CategoricalThemed.Neon.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Neon.Color01.Default#5600b8#8546ff

    Colors.Charts.CategoricalThemed.Neon.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Neon.Color02.Default#d7b43b#ffe600

    Colors.Charts.CategoricalThemed.Neon.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Neon.Color03.Default#1bd4b7#00dcbe

    Colors.Charts.CategoricalThemed.Neon.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Neon.Color04.Default#c90084#ff41af

    Colors.Charts.CategoricalThemed.Neon.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Neon.Color05.Default#60b73c#54cb00

    Colors.Charts.CategoricalThemed.Neon.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Neon.Color06.Default#d55d00#f56c00

    Colors.Charts.CategoricalThemed.Aurora.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Aurora.Color01.Default#cc75e6#e17aff

    Colors.Charts.CategoricalThemed.Aurora.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Aurora.Color02.Default#00bb7b#00cb86

    Colors.Charts.CategoricalThemed.Aurora.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Aurora.Color03.Default#ad00d2#d100fd

    Colors.Charts.CategoricalThemed.Aurora.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Aurora.Color04.Default#f990c4#ff98ca

    Colors.Charts.CategoricalThemed.Aurora.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Aurora.Color05.Default#7ce0ca#68ffe2

    Colors.Charts.CategoricalThemed.Aurora.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Aurora.Color06.Default#89cc72#67f400

    Colors.Charts.CategoricalThemed.Overdrive.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Overdrive.Color01.Default#c90084#f200a0

    Colors.Charts.CategoricalThemed.Overdrive.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Overdrive.Color02.Default#d7b43b#ffe600

    Colors.Charts.CategoricalThemed.Overdrive.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Overdrive.Color03.Default#d40036#ff0244

    Colors.Charts.CategoricalThemed.Overdrive.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Overdrive.Color04.Default#f57323#f56c00

    Colors.Charts.CategoricalThemed.Overdrive.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Overdrive.Color05.Default#ffb895#ffa476

    Colors.Charts.CategoricalThemed.Overdrive.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Overdrive.Color06.Default#af7e00#c4ad00

    Colors.Charts.CategoricalThemed.Tide.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Tide.Color01.Default#56d298#00e094

    Colors.Charts.CategoricalThemed.Tide.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Tide.Color02.Default#7f2eff#9166ff

    Colors.Charts.CategoricalThemed.Tide.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Tide.Color03.Default#2380ff#559aff

    Colors.Charts.CategoricalThemed.Tide.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Tide.Color04.Default#006a74#008a97

    Colors.Charts.CategoricalThemed.Tide.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Tide.Color05.Default#b9a9ff#bfb1ff

    Colors.Charts.CategoricalThemed.Tide.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.CategoricalThemed.Tide.Color06.Default#009c86#00b49b

    Colors.Charts.Status.Ideal​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Status.Ideal.Default#00bb7b#00cb86

    Colors.Charts.Status.Good​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Status.Good.Default#006ae5#2f86ff

    Colors.Charts.Status.Neutral​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Status.Neutral.Default#36383a#575a5e

    Colors.Charts.Status.Warning​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Status.Warning.Default#d7b43b#e0c800

    Colors.Charts.Status.Critical​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Status.Critical.Default#d40036#ff0244

    Colors.Charts.Logstatus.Error​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Logstatus.Error.Default#d40036#ff0244

    Colors.Charts.Logstatus.Warning​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Logstatus.Warning.Default#d7b43b#e0c800

    Colors.Charts.Logstatus.Info​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Logstatus.Info.Default#0057bf#0072f5

    Colors.Charts.Logstatus.None​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Logstatus.None.Default#484b4d#676a6e

    Colors.Charts.Loglevel.Emergency​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Emergency.Default#8e0021#c60032

    Colors.Charts.Loglevel.Error​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Error.Default#d40036#ff0244

    Colors.Charts.Loglevel.Alert​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Alert.Default#c90084#f200a0

    Colors.Charts.Loglevel.Critical​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Critical.Default#ed68ae#ff73bc

    Colors.Charts.Loglevel.Severe​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Severe.Default#d55d00#f56c00

    Colors.Charts.Loglevel.Warning​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Warning.Default#d7b43b#e0c800

    Colors.Charts.Loglevel.Notice​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Notice.Default#009f68#00b778

    Colors.Charts.Loglevel.Info​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Info.Default#0057bf#0072f5

    Colors.Charts.Loglevel.Debug​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.Debug.Default#8e5fff#9f81ff

    Colors.Charts.Loglevel.None​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Loglevel.None.Default#484b4d#676a6e

    Colors.Charts.Apdex.Excellent​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Apdex.Excellent.Default#009f68#00b778

    Colors.Charts.Apdex.Good​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Apdex.Good.Default#007048#00915e

    Colors.Charts.Apdex.Fair​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Apdex.Fair.Default#d7b43b#e0c800

    Colors.Charts.Apdex.Poor​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Apdex.Poor.Default#d55d00#f56c00

    Colors.Charts.Apdex.Unacceptable​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Apdex.Unacceptable.Default#d40036#ff0244

    Colors.Charts.SecurityRiskLevel.Muted​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.SecurityRiskLevel.Muted.Default#82878b#979ba0

    Colors.Charts.SecurityRiskLevel.Critical​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.SecurityRiskLevel.Critical.Default#8e0021#c60032

    Colors.Charts.SecurityRiskLevel.High​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.SecurityRiskLevel.High.Default#d40036#ff0244

    Colors.Charts.SecurityRiskLevel.Medium​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.SecurityRiskLevel.Medium.Default#d7b43b#e0c800

    Colors.Charts.SecurityRiskLevel.Low​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.SecurityRiskLevel.Low.Default#0057bf#0072f5

    Colors.Charts.SecurityRiskLevel.None​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.SecurityRiskLevel.None.Default#484b4d#676a6e

    Colors.Charts.VulnerabilityStatus.Muted​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.VulnerabilityStatus.Muted.Default#82878b#979ba0

    Colors.Charts.VulnerabilityStatus.Resolved​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.VulnerabilityStatus.Resolved.Default#009f68#00b778

    Colors.Charts.VulnerabilityStatus.Affected​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.VulnerabilityStatus.Affected.Default#d40036#ff0244

    Colors.Charts.Threshold.Good​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Threshold.Good.Default#009f68#00b778

    Colors.Charts.Threshold.Warning​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Threshold.Warning.Default#d7b43b#e0c800

    Colors.Charts.Threshold.Bad​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Threshold.Bad.Default#d40036#ff0244

    Colors.Charts.Rainbow.Red​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Rainbow.Red.Default#d40036#ff0244

    Colors.Charts.Rainbow.Orange​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Rainbow.Orange.Default#d55d00#f56c00

    Colors.Charts.Rainbow.Yellow​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Rainbow.Yellow.Default#d7b43b#e0c800

    Colors.Charts.Rainbow.Moss​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Rainbow.Moss.Default#009f68#00b778

    Colors.Charts.Rainbow.Blue​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Rainbow.Blue.Default#0057bf#0072f5

    Colors.Charts.Rainbow.Magenta​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Rainbow.Magenta.Default#9000af#b900e1

    Colors.Charts.Sequential.PinkPurple.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color01.Default#eb009b#ff41af

    Colors.Charts.Sequential.PinkPurple.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color02.Default#d32a9b#e750b5

    Colors.Charts.Sequential.PinkPurple.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color03.Default#bb399c#d059ba

    Colors.Charts.Sequential.PinkPurple.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color04.Default#a3419c#b760bf

    Colors.Charts.Sequential.PinkPurple.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color05.Default#8a469c#9f64c4

    Colors.Charts.Sequential.PinkPurple.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color06.Default#71499c#8466c9

    Colors.Charts.Sequential.PinkPurple.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color07.Default#57499b#6866cd

    Colors.Charts.Sequential.PinkPurple.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color08.Default#39489b#4665d2

    Colors.Charts.Sequential.PinkPurple.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.PinkPurple.Color09.Default#00459a#0063d6

    Colors.Charts.Sequential.BlueTurquoise.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color01.Default#00459a#0063d6

    Colors.Charts.Sequential.BlueTurquoise.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color02.Default#005199#006fd0

    Colors.Charts.Sequential.BlueTurquoise.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color03.Default#005d97#007bca

    Colors.Charts.Sequential.BlueTurquoise.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color04.Default#006895#0085c3

    Colors.Charts.Sequential.BlueTurquoise.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color05.Default#007393#008fbc

    Colors.Charts.Sequential.BlueTurquoise.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color06.Default#007d91#0099b5

    Colors.Charts.Sequential.BlueTurquoise.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color07.Default#00888e#00a2ad

    Colors.Charts.Sequential.BlueTurquoise.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color08.Default#00928a#00aba4

    Colors.Charts.Sequential.BlueTurquoise.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.BlueTurquoise.Color09.Default#009c86#00b49b

    Colors.Charts.Sequential.Blue.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color01.Default#003477#0054b8

    Colors.Charts.Sequential.Blue.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color02.Default#00459a#0063d6

    Colors.Charts.Sequential.Blue.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color03.Default#0057bf#0072f5

    Colors.Charts.Sequential.Blue.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color04.Default#006ae5#2f86ff

    Colors.Charts.Sequential.Blue.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color05.Default#2380ff#559aff

    Colors.Charts.Sequential.Blue.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color06.Default#5c9eff#76adff

    Colors.Charts.Sequential.Blue.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color07.Default#8ab9ff#95c0ff

    Colors.Charts.Sequential.Blue.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color08.Default#abcdff#b3d1ff

    Colors.Charts.Sequential.Blue.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Blue.Color09.Default#cae0ff#d0e3ff

    Colors.Charts.Sequential.Grey.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color01.Default#36383a#575a5e

    Colors.Charts.Sequential.Grey.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color02.Default#484b4d#676a6e

    Colors.Charts.Sequential.Grey.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color03.Default#5b5e61#767a7f

    Colors.Charts.Sequential.Grey.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color04.Default#6e7276#868b8f

    Colors.Charts.Sequential.Grey.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color05.Default#82878b#979ba0

    Colors.Charts.Sequential.Grey.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color06.Default#9b9fa3#a9acb0

    Colors.Charts.Sequential.Grey.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color07.Default#b5b8bb#bbbec1

    Colors.Charts.Sequential.Grey.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color08.Default#c8cbcd#cdcfd2

    Colors.Charts.Sequential.Grey.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Grey.Color09.Default#dddee0#e0e2e3

    Colors.Charts.Sequential.Moss.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color01.Default#00442a#006b45

    Colors.Charts.Sequential.Moss.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color02.Default#005938#007e51

    Colors.Charts.Sequential.Moss.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color03.Default#007048#00915e

    Colors.Charts.Sequential.Moss.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color04.Default#008758#00a46b

    Colors.Charts.Sequential.Moss.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color05.Default#009f68#00b778

    Colors.Charts.Sequential.Moss.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color06.Default#00bb7b#00cb86

    Colors.Charts.Sequential.Moss.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color07.Default#56d298#00e094

    Colors.Charts.Sequential.Moss.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color08.Default#8fdfb4#00f5a2

    Colors.Charts.Sequential.Moss.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Moss.Color09.Default#b6edce#81ffc0

    Colors.Charts.Sequential.Turquoise.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color01.Default#004238#00695a

    Colors.Charts.Sequential.Turquoise.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color02.Default#00574a#007b6a

    Colors.Charts.Sequential.Turquoise.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color03.Default#006e5e#008e7a

    Colors.Charts.Sequential.Turquoise.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color04.Default#008472#00a18a

    Colors.Charts.Sequential.Turquoise.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color05.Default#009c86#00b49b

    Colors.Charts.Sequential.Turquoise.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color06.Default#00b89e#00c8ac

    Colors.Charts.Sequential.Turquoise.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color07.Default#1bd4b7#00dcbe

    Colors.Charts.Sequential.Turquoise.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color08.Default#7ce0ca#00f0cf

    Colors.Charts.Sequential.Turquoise.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Turquoise.Color09.Default#aceede#68ffe2

    Colors.Charts.Sequential.Pink.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color01.Default#680042#a10069

    Colors.Charts.Sequential.Pink.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color02.Default#870057#bb007b

    Colors.Charts.Sequential.Pink.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color03.Default#a7006d#d7008e

    Colors.Charts.Sequential.Pink.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color04.Default#c90084#f200a0

    Colors.Charts.Sequential.Pink.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color05.Default#eb009b#ff41af

    Colors.Charts.Sequential.Pink.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color06.Default#ed68ae#ff73bc

    Colors.Charts.Sequential.Pink.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color07.Default#f990c4#ff98ca

    Colors.Charts.Sequential.Pink.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color08.Default#fdb0d4#ffb7d8

    Colors.Charts.Sequential.Pink.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pink.Color09.Default#ffcee4#ffd4e7

    Colors.Charts.Sequential.Yellow.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color01.Default#4b3400#755300

    Colors.Charts.Sequential.Yellow.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color02.Default#634500#846500

    Colors.Charts.Sequential.Yellow.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color03.Default#7b5800#947600

    Colors.Charts.Sequential.Yellow.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color04.Default#956a00#a38800

    Colors.Charts.Sequential.Yellow.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color05.Default#af7e00#b39a00

    Colors.Charts.Sequential.Yellow.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color06.Default#c79800#c4ad00

    Colors.Charts.Sequential.Yellow.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color07.Default#d7b43b#e0c800

    Colors.Charts.Sequential.Yellow.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color08.Default#e2c97d#ffe600

    Colors.Charts.Sequential.Yellow.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Yellow.Color09.Default#efdda9#feee82

    Colors.Charts.Sequential.Petrol.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color01.Default#004047#006670

    Colors.Charts.Sequential.Petrol.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color02.Default#00555d#007883

    Colors.Charts.Sequential.Petrol.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color03.Default#006a74#008a97

    Colors.Charts.Sequential.Petrol.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color04.Default#00818c#009caa

    Colors.Charts.Sequential.Petrol.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color05.Default#0098a5#00afbe

    Colors.Charts.Sequential.Petrol.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color06.Default#00b3c3#00c2d3

    Colors.Charts.Sequential.Petrol.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color07.Default#00cfe1#00d6e9

    Colors.Charts.Sequential.Petrol.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color08.Default#73ddea#00eafe

    Colors.Charts.Sequential.Petrol.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Petrol.Color09.Default#a7ecf5#96f3ff

    Colors.Charts.Sequential.Purple.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color01.Default#41008f#6800db

    Colors.Charts.Sequential.Purple.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color02.Default#5600b8#7a00fe

    Colors.Charts.Sequential.Purple.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color03.Default#6c00e3#8546ff

    Colors.Charts.Sequential.Purple.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color04.Default#7f2eff#9166ff

    Colors.Charts.Sequential.Purple.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color05.Default#8e5fff#9f81ff

    Colors.Charts.Sequential.Purple.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color06.Default#a287ff#af9aff

    Colors.Charts.Sequential.Purple.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color07.Default#b9a9ff#bfb1ff

    Colors.Charts.Sequential.Purple.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color08.Default#cbc1ff#d0c7ff

    Colors.Charts.Sequential.Purple.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Purple.Color09.Default#ded8ff#e2ddff

    Colors.Charts.Sequential.Pear.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color01.Default#174400#296b00

    Colors.Charts.Sequential.Pear.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color02.Default#205900#317e00

    Colors.Charts.Sequential.Pear.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color03.Default#2b7000#3a9100

    Colors.Charts.Sequential.Pear.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color04.Default#358700#42a300

    Colors.Charts.Sequential.Pear.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color05.Default#409f00#4bb700

    Colors.Charts.Sequential.Pear.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color06.Default#60b73c#54cb00

    Colors.Charts.Sequential.Pear.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color07.Default#89cc72#5de000

    Colors.Charts.Sequential.Pear.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color08.Default#abda9b#67f400

    Colors.Charts.Sequential.Pear.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Pear.Color09.Default#c8eabd#9dff7a

    Colors.Charts.Sequential.Brown.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color01.Default#512e19#7f4b2d

    Colors.Charts.Sequential.Brown.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color02.Default#6a3e24#945936

    Colors.Charts.Sequential.Brown.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color03.Default#844e2f#aa673f

    Colors.Charts.Sequential.Brown.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color04.Default#9f5f3a#c07448

    Colors.Charts.Sequential.Brown.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color05.Default#bb7146#d68352

    Colors.Charts.Sequential.Brown.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color06.Default#db8654#e69668

    Colors.Charts.Sequential.Brown.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color07.Default#e9a680#ebae8d

    Colors.Charts.Sequential.Brown.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color08.Default#efbfa5#f0c5ae

    Colors.Charts.Sequential.Brown.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Brown.Color09.Default#f4d7c8#f6dcce

    Colors.Charts.Sequential.Red.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color01.Default#6e0017#aa002a

    Colors.Charts.Sequential.Red.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color02.Default#8e0021#c60032

    Colors.Charts.Sequential.Red.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color03.Default#b1002c#e3003b

    Colors.Charts.Sequential.Red.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color04.Default#d40036#ff0244

    Colors.Charts.Sequential.Red.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color05.Default#f80042#ff5864

    Colors.Charts.Sequential.Red.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color06.Default#fa676e#ff7f83

    Colors.Charts.Sequential.Red.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color07.Default#ff9495#ff9f9f

    Colors.Charts.Sequential.Red.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color08.Default#ffb4b3#ffbbba

    Colors.Charts.Sequential.Red.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Red.Color09.Default#ffd1d0#ffd6d5

    Colors.Charts.Sequential.Magenta.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color01.Default#59006d#8a00a9

    Colors.Charts.Sequential.Magenta.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color02.Default#74008d#a200c5

    Colors.Charts.Sequential.Magenta.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color03.Default#9000af#b900e1

    Colors.Charts.Sequential.Magenta.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color04.Default#ad00d2#d100fd

    Colors.Charts.Sequential.Magenta.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color05.Default#c337e8#d952ff

    Colors.Charts.Sequential.Magenta.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color06.Default#cc75e6#e17aff

    Colors.Charts.Sequential.Magenta.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color07.Default#dc9af1#e89bff

    Colors.Charts.Sequential.Magenta.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color08.Default#e6b6f5#eeb8ff

    Colors.Charts.Sequential.Magenta.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Magenta.Color09.Default#f2d0fd#f5d4ff

    Colors.Charts.Sequential.Orange.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color01.Default#5d2400#913d00

    Colors.Charts.Sequential.Orange.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color02.Default#7a3200#aa4800

    Colors.Charts.Sequential.Orange.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color03.Default#974000#c35400

    Colors.Charts.Sequential.Orange.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color04.Default#b64e00#db6000

    Colors.Charts.Sequential.Orange.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color05.Default#d55d00#f56c00

    Colors.Charts.Sequential.Orange.Color06​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color06.Default#f57323#ff8643

    Colors.Charts.Sequential.Orange.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color07.Default#ff9a66#ffa476

    Colors.Charts.Sequential.Orange.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color08.Default#ffb895#ffbfa0

    Colors.Charts.Sequential.Orange.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Sequential.Orange.Color09.Default#ffd3bf#ffd8c6

    Colors.Charts.Diverging.OrangeBlue.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color01.Default#5d2400#913d00

    Colors.Charts.Diverging.OrangeBlue.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color02.Default#974000#c35400

    Colors.Charts.Diverging.OrangeBlue.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color03.Default#d55d00#f56c00

    Colors.Charts.Diverging.OrangeBlue.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color04.Default#ff9a66#ffa476

    Colors.Charts.Diverging.OrangeBlue.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color05.Default#ffd3bf#ffd8c6

    Colors.Charts.Diverging.OrangeBlue.Color06​

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

    Colors.Charts.Diverging.OrangeBlue.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color07.Default#cae0ff#d0e3ff

    Colors.Charts.Diverging.OrangeBlue.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color08.Default#8ab9ff#95c0ff

    Colors.Charts.Diverging.OrangeBlue.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color09.Default#2380ff#559aff

    Colors.Charts.Diverging.OrangeBlue.Color10​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color10.Default#0057bf#0072f5

    Colors.Charts.Diverging.OrangeBlue.Color11​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangeBlue.Color11.Default#003477#0054b8

    Colors.Charts.Diverging.RedBlue.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color01.Default#6e0017#aa002a

    Colors.Charts.Diverging.RedBlue.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color02.Default#b1002c#e3003b

    Colors.Charts.Diverging.RedBlue.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color03.Default#f80042#ff5864

    Colors.Charts.Diverging.RedBlue.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color04.Default#ff9495#ff9f9f

    Colors.Charts.Diverging.RedBlue.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color05.Default#ffd1d0#ffd6d5

    Colors.Charts.Diverging.RedBlue.Color06​

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

    Colors.Charts.Diverging.RedBlue.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color07.Default#cae0ff#d0e3ff

    Colors.Charts.Diverging.RedBlue.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color08.Default#8ab9ff#95c0ff

    Colors.Charts.Diverging.RedBlue.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color09.Default#2380ff#559aff

    Colors.Charts.Diverging.RedBlue.Color10​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color10.Default#0057bf#0072f5

    Colors.Charts.Diverging.RedBlue.Color11​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedBlue.Color11.Default#003477#0054b8

    Colors.Charts.Diverging.RedPurple.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color01.Default#6e0017#aa002a

    Colors.Charts.Diverging.RedPurple.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color02.Default#b1002c#e3003b

    Colors.Charts.Diverging.RedPurple.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color03.Default#f80042#ff5864

    Colors.Charts.Diverging.RedPurple.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color04.Default#ff9495#ff9f9f

    Colors.Charts.Diverging.RedPurple.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color05.Default#ffd1d0#ffd6d5

    Colors.Charts.Diverging.RedPurple.Color06​

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

    Colors.Charts.Diverging.RedPurple.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color07.Default#ded8ff#e2ddff

    Colors.Charts.Diverging.RedPurple.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color08.Default#b9a9ff#bfb1ff

    Colors.Charts.Diverging.RedPurple.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color09.Default#8e5fff#9f81ff

    Colors.Charts.Diverging.RedPurple.Color10​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color10.Default#6c00e3#8546ff

    Colors.Charts.Diverging.RedPurple.Color11​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedPurple.Color11.Default#41008f#6800db

    Colors.Charts.Diverging.BlueMoss.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color01.Default#003477#0054b8

    Colors.Charts.Diverging.BlueMoss.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color02.Default#0057bf#0072f5

    Colors.Charts.Diverging.BlueMoss.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color03.Default#2380ff#559aff

    Colors.Charts.Diverging.BlueMoss.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color04.Default#8ab9ff#95c0ff

    Colors.Charts.Diverging.BlueMoss.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color05.Default#cae0ff#d0e3ff

    Colors.Charts.Diverging.BlueMoss.Color06​

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

    Colors.Charts.Diverging.BlueMoss.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color07.Default#b6edce#81ffc0

    Colors.Charts.Diverging.BlueMoss.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color08.Default#56d298#00e094

    Colors.Charts.Diverging.BlueMoss.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color09.Default#009f68#00b778

    Colors.Charts.Diverging.BlueMoss.Color10​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color10.Default#007048#00915e

    Colors.Charts.Diverging.BlueMoss.Color11​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.BlueMoss.Color11.Default#00442a#006b45

    Colors.Charts.Diverging.PurpleYellow.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color01.Default#41008f#6800db

    Colors.Charts.Diverging.PurpleYellow.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color02.Default#6c00e3#8546ff

    Colors.Charts.Diverging.PurpleYellow.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color03.Default#8e5fff#9f81ff

    Colors.Charts.Diverging.PurpleYellow.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color04.Default#b9a9ff#bfb1ff

    Colors.Charts.Diverging.PurpleYellow.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color05.Default#ded8ff#e2ddff

    Colors.Charts.Diverging.PurpleYellow.Color06​

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

    Colors.Charts.Diverging.PurpleYellow.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color07.Default#efdda9#feee82

    Colors.Charts.Diverging.PurpleYellow.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color08.Default#d7b43b#e0c800

    Colors.Charts.Diverging.PurpleYellow.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color09.Default#af7e00#b39a00

    Colors.Charts.Diverging.PurpleYellow.Color10​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color10.Default#7b5800#947600

    Colors.Charts.Diverging.PurpleYellow.Color11​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PurpleYellow.Color11.Default#4b3400#755300

    Colors.Charts.Diverging.RedGreen.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color01.Default#6e0017#aa002a

    Colors.Charts.Diverging.RedGreen.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color02.Default#b1002c#e3003b

    Colors.Charts.Diverging.RedGreen.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color03.Default#f80042#ff5864

    Colors.Charts.Diverging.RedGreen.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color04.Default#ff9495#ff9f9f

    Colors.Charts.Diverging.RedGreen.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color05.Default#ffd1d0#ffd6d5

    Colors.Charts.Diverging.RedGreen.Color06​

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

    Colors.Charts.Diverging.RedGreen.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color07.Default#b6edce#81ffc0

    Colors.Charts.Diverging.RedGreen.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color08.Default#56d298#00e094

    Colors.Charts.Diverging.RedGreen.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color09.Default#009f68#00b778

    Colors.Charts.Diverging.RedGreen.Color10​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color10.Default#007048#00915e

    Colors.Charts.Diverging.RedGreen.Color11​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.RedGreen.Color11.Default#00442a#006b45

    Colors.Charts.Diverging.OrangePetrol.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color01.Default#5d2400#913d00

    Colors.Charts.Diverging.OrangePetrol.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color02.Default#974000#c35400

    Colors.Charts.Diverging.OrangePetrol.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color03.Default#d55d00#f56c00

    Colors.Charts.Diverging.OrangePetrol.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color04.Default#ff9a66#ffa476

    Colors.Charts.Diverging.OrangePetrol.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color05.Default#ffd3bf#ffd8c6

    Colors.Charts.Diverging.OrangePetrol.Color06​

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

    Colors.Charts.Diverging.OrangePetrol.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color07.Default#a7ecf5#96f3ff

    Colors.Charts.Diverging.OrangePetrol.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color08.Default#00cfe1#00d6e9

    Colors.Charts.Diverging.OrangePetrol.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color09.Default#0098a5#00afbe

    Colors.Charts.Diverging.OrangePetrol.Color10​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color10.Default#006a74#008a97

    Colors.Charts.Diverging.OrangePetrol.Color11​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.OrangePetrol.Color11.Default#004047#006670

    Colors.Charts.Diverging.PinkGreen.Color01​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color01.Default#680042#a10069

    Colors.Charts.Diverging.PinkGreen.Color02​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color02.Default#a7006d#d7008e

    Colors.Charts.Diverging.PinkGreen.Color03​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color03.Default#eb009b#ff41af

    Colors.Charts.Diverging.PinkGreen.Color04​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color04.Default#f990c4#ff98ca

    Colors.Charts.Diverging.PinkGreen.Color05​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color05.Default#ffcee4#ffd4e7

    Colors.Charts.Diverging.PinkGreen.Color06​

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

    Colors.Charts.Diverging.PinkGreen.Color07​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color07.Default#b6edce#81ffc0

    Colors.Charts.Diverging.PinkGreen.Color08​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color08.Default#56d298#00e094

    Colors.Charts.Diverging.PinkGreen.Color09​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color09.Default#009f68#00b778

    Colors.Charts.Diverging.PinkGreen.Color10​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color10.Default#007048#00915e

    Colors.Charts.Diverging.PinkGreen.Color11​

    SampleToken NameValueDescription
    LightDarkLightDark
    Colors.Charts.Diverging.PinkGreen.Color11.Default#00442a#006b45
    Still have questions?
    Find answers in the Dynatrace Community