Product Libraries Tokens: Colors

Actionable

• Name: TD Blueberry Dark/Actionable/Destructive/Disabled - Fill

  CSS: --product-library-actionable-destructive-disabled-fill

  Hex: #774640

  RGB: 119, 70, 64, 1

• Name: TD Blueberry Dark/Actionable/Destructive/Disabled - Tint

  CSS: --product-library-actionable-destructive-disabled-tint

  Hex: #774640

  RGB: 119, 70, 64, 1

• Name: TD Blueberry Dark/Actionable/Destructive/Hover - Fill

  CSS: --product-library-actionable-destructive-hover-fill

  Hex: #C94E47

  RGB: 201, 78, 71, 1

• Name: TD Blueberry Dark/Actionable/Destructive/Hover - Tint

  CSS: --product-library-actionable-destructive-hover-tint

  Hex: #FF7F74

  RGB: 255, 127, 116, 1

• Name: TD Blueberry Dark/Actionable/Destructive/Idle - Fill

  CSS: --product-library-actionable-destructive-idle-fill

  Hex: #CA4D43

  RGB: 202, 77, 67, 1

• Name: TD Blueberry Dark/Actionable/Destructive/Idle - Tint

  CSS: --product-library-actionable-destructive-idle-tint

  Hex: #E06155

  RGB: 224, 97, 85, 1

• Name: TD Blueberry Dark/Actionable/Destructive/onDisabled - Tint

  CSS: --product-library-actionable-destructive-on-disabled-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Destructive/onHover - Tint

  CSS: --product-library-actionable-destructive-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Destructive/onIdle - Tint

  CSS: --product-library-actionable-destructive-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Focus - Fill

  CSS: --product-library-actionable-focus-fill

  Hex: #363636

  RGB: 54, 54, 54, 1

• Name: TD Blueberry Dark/Actionable/Focus - Tint

  CSS: --product-library-actionable-focus-tint

  Hex: #00538B

  RGB: 0, 83, 139, 1

• Name: TD Blueberry Dark/Actionable/Primary/Disabled - Fill

  CSS: --product-library-actionable-primary-disabled-fill

  Hex: #1F3455

  RGB: 31, 52, 85, 1

• Name: TD Blueberry Dark/Actionable/Primary/Hover - Fill

  CSS: --product-library-actionable-primary-hover-fill

  Hex: #3D7BB1

  RGB: 61, 123, 177, 1

• Name: TD Blueberry Dark/Actionable/Primary/Idle - Fill

  CSS: --product-library-actionable-primary-idle-fill

  Hex: #2A7BBD

  RGB: 42, 123, 189, 1

• Name: TD Blueberry Dark/Actionable/Primary/onDark Disabled - Fill

  CSS: --product-library-actionable-primary-on-dark-disabled-fill

  Hex: #2E5171

  RGB: 46, 81, 113, 1

• Name: TD Blueberry Dark/Actionable/Primary/onDark Hover - Fill

  CSS: --product-library-actionable-primary-on-dark-hover-fill

  Hex: #2A7BBA

  RGB: 42, 123, 186, 1

• Name: TD Blueberry Dark/Actionable/Primary/onDark Idle - Fill

  CSS: --product-library-actionable-primary-on-dark-idle-fill

  Hex: #2A7BBD

  RGB: 42, 123, 189, 1

• Name: TD Blueberry Dark/Actionable/Primary/onDark onDisabled - Tint

  CSS: --product-library-actionable-primary-on-dark-on-disabled-tint

  Hex: #797979

  RGB: 121, 121, 121, 1

• Name: TD Blueberry Dark/Actionable/Primary/onDark onHover - Tint

  CSS: --product-library-actionable-primary-on-dark-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Primary/onDark onIdle - Tint

  CSS: --product-library-actionable-primary-on-dark-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Primary/onDisabled - Tint

  CSS: --product-library-actionable-primary-on-disabled-tint

  Hex: #797979

  RGB: 121, 121, 121, 1

• Name: TD Blueberry Dark/Actionable/Primary/onHover - Tint

  CSS: --product-library-actionable-primary-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Primary/onIdle - Tint

  CSS: --product-library-actionable-primary-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/Disabled - Tint

  CSS: --product-library-actionable-quaternary-disabled-tint

  Hex: #4D4D4D

  RGB: 77, 77, 77, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/Hover - Fill

  CSS: --product-library-actionable-quaternary-hover-fill

  Hex: #FFFFFF1A

  RGB: 255, 255, 255, 0.10000000149011612

• Name: TD Blueberry Dark/Actionable/Quaternary/Hover - Tint

  CSS: --product-library-actionable-quaternary-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/Idle - Tint

  CSS: --product-library-actionable-quaternary-idle-tint

  Hex: #D1D1D1

  RGB: 209, 209, 209, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/Selected - Fill

  CSS: --product-library-actionable-quaternary-selected-fill

  Hex: #FFFFFF2E

  RGB: 255, 255, 255, 0.18000000715255737

• Name: TD Blueberry Dark/Actionable/Quaternary/onDark Disabled - Tint

  CSS: --product-library-actionable-quaternary-on-dark-disabled-tint

  Hex: #666666

  RGB: 102, 102, 102, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/onDark Hover - Fill

  CSS: --product-library-actionable-quaternary-on-dark-hover-fill

  Hex: #575757

  RGB: 87, 87, 87, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/onDark Hover - Tint

  CSS: --product-library-actionable-quaternary-on-dark-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/onDark Idle - Tint

  CSS: --product-library-actionable-quaternary-on-dark-idle-tint

  Hex: #A8A8A8

  RGB: 168, 168, 168, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/onDark Selected - Fill

  CSS: --product-library-actionable-quaternary-on-dark-selected-fill

  Hex: #575757

  RGB: 87, 87, 87, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/onDark onHover - Fill

  CSS: --product-library-actionable-quaternary-on-dark-on-hover-fill

  Hex: #4D4D4D

  RGB: 77, 77, 77, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/onDark onHover - Tint

  CSS: --product-library-actionable-quaternary-on-dark-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/onDark onSelected - Tint

  CSS: --product-library-actionable-quaternary-on-dark-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/onHover - Fill

  CSS: --product-library-actionable-quaternary-on-hover-fill

  Hex: #4D4D4D

  RGB: 77, 77, 77, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/onHover - Tint

  CSS: --product-library-actionable-quaternary-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Quaternary/onSelected - Tint

  CSS: --product-library-actionable-quaternary-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Secondary/Disabled - Fill

  CSS: --product-library-actionable-secondary-disabled-fill

  Hex: #FFFFFF0F

  RGB: 255, 255, 255, 0.05999999865889549

• Name: TD Blueberry Dark/Actionable/Secondary/Hover - Fill

  CSS: --product-library-actionable-secondary-hover-fill

  Hex: #FFFFFF3D

  RGB: 255, 255, 255, 0.23999999463558197

• Name: TD Blueberry Dark/Actionable/Secondary/Idle - Fill

  CSS: --product-library-actionable-secondary-idle-fill

  Hex: #FFFFFF24

  RGB: 255, 255, 255, 0.14000000059604645

• Name: TD Blueberry Dark/Actionable/Secondary/Idle - Tint

  CSS: --product-library-actionable-secondary-idle-tint

  Hex: #3D3D3D

  RGB: 61, 61, 61, 1

• Name: TD Blueberry Dark/Actionable/Secondary/onDark Disabled - Fill

  CSS: --product-library-actionable-secondary-on-dark-disabled-fill

  Hex: #4C4C4C

  RGB: 76, 76, 76, 1

• Name: TD Blueberry Dark/Actionable/Secondary/onDark Hover - Fill

  CSS: --product-library-actionable-secondary-on-dark-hover-fill

  Hex: #6B6B6B

  RGB: 107, 107, 107, 1

• Name: TD Blueberry Dark/Actionable/Secondary/onDark Idle - Fill

  CSS: --product-library-actionable-secondary-on-dark-idle-fill

  Hex: #616161

  RGB: 97, 97, 97, 1

• Name: TD Blueberry Dark/Actionable/Secondary/onDark Idle - Tint

  CSS: --product-library-actionable-secondary-on-dark-idle-tint

  Hex: #808080

  RGB: 128, 128, 128, 1

• Name: TD Blueberry Dark/Actionable/Secondary/onDark onDisabled - Tint

  CSS: --product-library-actionable-secondary-on-dark-on-disabled-tint

  Hex: #808080

  RGB: 128, 128, 128, 1

• Name: TD Blueberry Dark/Actionable/Secondary/onDark onHover - Tint

  CSS: --product-library-actionable-secondary-on-dark-on-hover-tint

  Hex: #F0F0F0

  RGB: 240, 240, 240, 1

• Name: TD Blueberry Dark/Actionable/Secondary/onDark onIdle - Tint

  CSS: --product-library-actionable-secondary-on-dark-on-idle-tint

  Hex: #F0F0F0

  RGB: 240, 240, 240, 1

• Name: TD Blueberry Dark/Actionable/Secondary/onDisabled - Tint

  CSS: --product-library-actionable-secondary-on-disabled-tint

  Hex: #737373

  RGB: 115, 115, 115, 1

• Name: TD Blueberry Dark/Actionable/Secondary/onHover - Tint

  CSS: --product-library-actionable-secondary-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Actionable/Secondary/onIdle - Tint

  CSS: --product-library-actionable-secondary-on-idle-tint

  Hex: #E4E4E4

  RGB: 228, 228, 228, 1

• Name: TD Blueberry Dark/Actionable/Tertiary/Disabled - Tint

  CSS: --product-library-actionable-tertiary-disabled-tint

  Hex: #575757

  RGB: 87, 87, 87, 1

• Name: TD Blueberry Dark/Actionable/Tertiary/Hover - Fill

  CSS: --product-library-actionable-tertiary-hover-fill

  Hex: #FFFFFF1A

  RGB: 255, 255, 255, 0.10000000149011612

• Name: TD Blueberry Dark/Actionable/Tertiary/Hover - Tint

  CSS: --product-library-actionable-tertiary-hover-tint

  Hex: #61B2F7

  RGB: 97, 178, 247, 1

• Name: TD Blueberry Dark/Actionable/Tertiary/Idle - Tint

  CSS: --product-library-actionable-tertiary-idle-tint

  Hex: #4C9ADE

  RGB: 76, 154, 222, 1

• Name: TD Blueberry Dark/Actionable/Tertiary/onDark Disabled - Tint

  CSS: --product-library-actionable-tertiary-on-dark-disabled-tint

  Hex: #666666

  RGB: 102, 102, 102, 1

• Name: TD Blueberry Dark/Actionable/Tertiary/onDark Hover - Fill

  CSS: --product-library-actionable-tertiary-on-dark-hover-fill

  Hex: #3D3D3D

  RGB: 61, 61, 61, 1

• Name: TD Blueberry Dark/Actionable/Tertiary/onDark Hover - Tint

  CSS: --product-library-actionable-tertiary-on-dark-hover-tint

  Hex: #76ACFD

  RGB: 118, 172, 253, 1

• Name: TD Blueberry Dark/Actionable/Tertiary/onDark Idle - Tint

  CSS: --product-library-actionable-tertiary-on-dark-idle-tint

  Hex: #79ACFB

  RGB: 121, 172, 251, 1

• Name: TD Blueberry Dark/Actionable/Tertiary/onDark onHover - Fill

  CSS: --product-library-actionable-tertiary-on-dark-on-hover-fill

  Hex: #95ACD1

  RGB: 149, 172, 209, 1

• Name: TD Blueberry Dark/Actionable/Tertiary/onDark onHover - Tint

  CSS: --product-library-actionable-tertiary-on-dark-on-hover-tint

  Hex: #79ACFB

  RGB: 121, 172, 251, 1

• Name: TD Blueberry Dark/Actionable/Tertiary/onHover - Fill

  CSS: --product-library-actionable-tertiary-on-hover-fill

  Hex: #63B1F7

  RGB: 99, 177, 247, 1

• Name: TD Blueberry Dark/Actionable/Tertiary/onHover - Tint

  CSS: --product-library-actionable-tertiary-on-hover-tint

  Hex: #63B1F7

  RGB: 99, 177, 247, 1

Background

• Name: TD Blueberry Dark/Background/Base/Primary

  CSS: --product-library-background-base-primary

  Hex: #1F1F1F

  RGB: 31, 31, 31, 1

• Name: TD Blueberry Dark/Background/Base/Secondary

  CSS: --product-library-background-base-secondary

  Hex: #252627

  RGB: 37, 38, 39, 1

• Name: TD Blueberry Dark/Background/Base/Tertiary

  CSS: --product-library-background-base-tertiary

  Hex: #2D3031

  RGB: 45, 48, 49, 1

• Name: TD Blueberry Dark/Background/Grouped/Primary

  CSS: --product-library-background-grouped-primary

  Hex: #282828

  RGB: 40, 40, 40, 1

• Name: TD Blueberry Dark/Background/Grouped/Secondary

  CSS: --product-library-background-grouped-secondary

  Hex: #252627

  RGB: 37, 38, 39, 1

• Name: TD Blueberry Dark/Background/Grouped/Tertiary

  CSS: --product-library-background-grouped-tertiary

  Hex: #202121

  RGB: 32, 33, 33, 1

• Name: TD Blueberry Dark/Background/Overlay

  CSS: --product-library-background-overlay

  Hex: #00000066

  RGB: 0, 0, 0, 0.4000000059604645

• Name: TD Blueberry Dark/Background/Raised/Primary

  CSS: --product-library-background-raised-primary

  Hex: #282828

  RGB: 40, 40, 40, 1

• Name: TD Blueberry Dark/Background/Raised/Quaternary

  CSS: --product-library-background-raised-quaternary

  Hex: #404040

  RGB: 64, 64, 64, 1

• Name: TD Blueberry Dark/Background/Raised/Secondary

  CSS: --product-library-background-raised-secondary

  Hex: #333333

  RGB: 51, 51, 51, 1

• Name: TD Blueberry Dark/Background/Raised/Tertiary

  CSS: --product-library-background-raised-tertiary

  Hex: #3C3D3D

  RGB: 60, 61, 61, 1

Border

• Name: TD Blueberry Dark/Border/Focus - Tint

  CSS: --product-library-border-focus-tint

  Hex: #707070

  RGB: 112, 112, 112, 1

• Name: TD Blueberry Dark/Border/Hover - Tint

  CSS: --product-library-border-hover-tint

  Hex: #666666

  RGB: 102, 102, 102, 1

• Name: TD Blueberry Dark/Border/Idle - Tint

  CSS: --product-library-border-idle-tint

  Hex: #3D3D3D

  RGB: 61, 61, 61, 1

Display

• Name: TD Blueberry Dark/Display/Accent/Primary - Fill

  CSS: --product-library-display-accent-primary-fill

  Hex: #2A7BBD

  RGB: 42, 123, 189, 1

• Name: TD Blueberry Dark/Display/Accent/Primary - Tint

  CSS: --product-library-display-accent-primary-tint

  Hex: #4C9ADE

  RGB: 76, 154, 222, 1

• Name: TD Blueberry Dark/Display/Accent/Secondary - Fill

  CSS: --product-library-display-accent-secondary-fill

  Hex: #37434F

  RGB: 55, 67, 79, 1

• Name: TD Blueberry Dark/Display/Focus - Fill

  CSS: --product-library-display-focus-fill

  Hex: #363636

  RGB: 54, 54, 54, 1

• Name: TD Blueberry Dark/Display/Primary/Idle - Tint

  CSS: --product-library-display-primary-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Display/Primary/onDark - Fill

  CSS: --product-library-display-primary-on-dark-fill

  Hex: #666666

  RGB: 102, 102, 102, 1

• Name: TD Blueberry Dark/Display/Primary/onDark - Tint

  CSS: --product-library-display-primary-on-dark-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Display/Quaternary/Idle - Tint

  CSS: --product-library-display-quaternary-idle-tint

  Hex: #4D4D4D

  RGB: 77, 77, 77, 1

• Name: TD Blueberry Dark/Display/Secondary/Idle - Tint

  CSS: --product-library-display-secondary-idle-tint

  Hex: #CCCCCC

  RGB: 204, 204, 204, 1

• Name: TD Blueberry Dark/Display/Secondary/onDark - Tint

  CSS: --product-library-display-secondary-on-dark-tint

  Hex: #B3B3B3

  RGB: 179, 179, 179, 1

• Name: TD Blueberry Dark/Display/Tertiary/Idle - Tint

  CSS: --product-library-display-tertiary-idle-tint

  Hex: #808080

  RGB: 128, 128, 128, 1

Divider

• Name: TD Blueberry Dark/Divider/Primary

  CSS: --product-library-divider-primary

  Hex: #3D3D3D

  RGB: 61, 61, 61, 1

• Name: TD Blueberry Dark/Divider/Secondary

  CSS: --product-library-divider-secondary

  Hex: #282828

  RGB: 40, 40, 40, 1

• Name: TD Blueberry Dark/Divider/Tertiary

  CSS: --product-library-divider-tertiary

  Hex: #4B4B4B

  RGB: 75, 75, 75, 1

• Name: TD Blueberry Dark/Divider/onDark

  CSS: --product-library-divider-on-dark

  Hex: #666666

  RGB: 102, 102, 102, 1

Info

• Name: TD Blueberry Dark/Info/Attention/Primary/Idle - Fill

  CSS: --product-library-info-attention-primary-idle-fill

  Hex: #DC4C3E

  RGB: 220, 76, 62, 1

• Name: TD Blueberry Dark/Info/Attention/Primary/Idle - Tint

  CSS: --product-library-info-attention-primary-idle-tint

  Hex: #DC4C3E

  RGB: 220, 76, 62, 1

• Name: TD Blueberry Dark/Info/Attention/Primary/onDark Idle - Fill

  CSS: --product-library-info-attention-primary-on-dark-idle-fill

  Hex: #E06155

  RGB: 224, 97, 85, 1

• Name: TD Blueberry Dark/Info/Attention/Primary/onIdle - Tint

  CSS: --product-library-info-attention-primary-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Info/Attention/Secondary/Idle - Fill

  CSS: --product-library-info-attention-secondary-idle-fill

  Hex: #462A26

  RGB: 70, 42, 38, 1

• Name: TD Blueberry Dark/Info/Attention/Secondary/onIdle - Tint

  CSS: --product-library-info-attention-secondary-on-idle-tint

  Hex: #CF473A

  RGB: 207, 71, 58, 1

• Name: TD Blueberry Dark/Info/Neutral/Primary/Idle - Fill

  CSS: --product-library-info-neutral-primary-idle-fill

  Hex: #3577FA

  RGB: 53, 119, 250, 1

• Name: TD Blueberry Dark/Info/Neutral/Primary/onDark Idle - Fill

  CSS: --product-library-info-neutral-primary-on-dark-idle-fill

  Hex: #4180FF

  RGB: 65, 128, 255, 1

• Name: TD Blueberry Dark/Info/Neutral/Primary/onIdle - Tint

  CSS: --product-library-info-neutral-primary-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Info/Neutral/Secondary/Idle - Fill

  CSS: --product-library-info-neutral-secondary-idle-fill

  Hex: #808080

  RGB: 128, 128, 128, 1

• Name: TD Blueberry Dark/Info/Neutral/Secondary/Idle - Tint

  CSS: --product-library-info-neutral-secondary-idle-tint

  Hex: #B3B3B3

  RGB: 179, 179, 179, 1

• Name: TD Blueberry Dark/Info/Neutral/Secondary/onIdle - Tint

  CSS: --product-library-info-neutral-secondary-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Info/Neutral/Tertiary/Focus - Fill

  CSS: --product-library-info-neutral-tertiary-focus-fill

  Hex: #3D3D3D

  RGB: 61, 61, 61, 1

• Name: TD Blueberry Dark/Info/Neutral/Tertiary/Idle - Fill

  CSS: --product-library-info-neutral-tertiary-idle-fill

  Hex: #363636

  RGB: 54, 54, 54, 1

• Name: TD Blueberry Dark/Info/Neutral/Tertiary/onFocus - Tint

  CSS: --product-library-info-neutral-tertiary-on-focus-tint

  Hex: #E4E4E4

  RGB: 228, 228, 228, 1

• Name: TD Blueberry Dark/Info/Neutral/Tertiary/onIdle - Tint

  CSS: --product-library-info-neutral-tertiary-on-idle-tint

  Hex: #B3B3B3

  RGB: 179, 179, 179, 1

• Name: TD Blueberry Dark/Info/Positive/Primary/Idle - Fill

  CSS: --product-library-info-positive-primary-idle-fill

  Hex: #08A531

  RGB: 8, 165, 49, 1

• Name: TD Blueberry Dark/Info/Positive/Primary/Idle - Tint

  CSS: --product-library-info-positive-primary-idle-tint

  Hex: #3C9B0D

  RGB: 60, 155, 13, 1

• Name: TD Blueberry Dark/Info/Positive/Primary/onDark Idle - Fill

  CSS: --product-library-info-positive-primary-on-dark-idle-fill

  Hex: #08A531

  RGB: 8, 165, 49, 1

• Name: TD Blueberry Dark/Info/Positive/Primary/onIdle - Tint

  CSS: --product-library-info-positive-primary-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Info/Positive/Secondary/Idle - Fill

  CSS: --product-library-info-positive-secondary-idle-fill

  Hex: #212E25

  RGB: 33, 46, 37, 1

• Name: TD Blueberry Dark/Info/Positive/Secondary/onIdle - Tint

  CSS: --product-library-info-positive-secondary-on-idle-tint

  Hex: #08A531

  RGB: 8, 165, 49, 1

• Name: TD Blueberry Dark/Info/Promote/Primary/Idle - Fill

  CSS: --product-library-info-promote-primary-idle-fill

  Hex: #F48318

  RGB: 244, 131, 24, 1

• Name: TD Blueberry Dark/Info/Promote/Primary/onIdle - Tint

  CSS: --product-library-info-promote-primary-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Info/Promote/Quaternary/Idle - Fill

  CSS: --product-library-info-promote-quaternary-idle-fill

  Hex: #412A06

  RGB: 65, 42, 6, 1

• Name: TD Blueberry Dark/Info/Promote/Quaternary/onIdle - Tint

  CSS: --product-library-info-promote-quaternary-on-idle-tint

  Hex: #553707

  RGB: 85, 55, 7, 1

• Name: TD Blueberry Dark/Info/Promote/Secondary/Idle - Fill

  CSS: --product-library-info-promote-secondary-idle-fill

  Hex: #FFD093

  RGB: 255, 208, 147, 1

• Name: TD Blueberry Dark/Info/Promote/Tertiary/Idle - Fill

  CSS: --product-library-info-promote-tertiary-idle-fill

  Hex: #412A06

  RGB: 65, 42, 6, 1

• Name: TD Blueberry Dark/Info/Promote/Tertiary/onIdle - Tint

  CSS: --product-library-info-promote-tertiary-on-idle-tint

  Hex: #FF8C1A

  RGB: 255, 140, 26, 1

• Name: TD Blueberry Dark/Info/Warning/Primary/Focus - Fill

  CSS: --product-library-info-warning-primary-focus-fill

  Hex: #553707

  RGB: 85, 55, 7, 1

• Name: TD Blueberry Dark/Info/Warning/Primary/Idle - Fill

  CSS: --product-library-info-warning-primary-idle-fill

  Hex: #412A06

  RGB: 65, 42, 6, 1

• Name: TD Blueberry Dark/Info/Warning/Primary/onDark Idle - Fill

  CSS: --product-library-info-warning-primary-on-dark-idle-fill

  Hex: #FF8C1A

  RGB: 255, 140, 26, 1

• Name: TD Blueberry Dark/Info/Warning/Primary/onIdle - Fill

  CSS: --product-library-info-warning-primary-on-idle-fill

  Hex: #B16707

  RGB: 177, 103, 7, 1

• Name: TD Blueberry Dark/Info/Warning/Primary/onIdle - Tint

  CSS: --product-library-info-warning-primary-on-idle-tint

  Hex: #FF8C1A

  RGB: 255, 140, 26, 1

• Name: TD Blueberry Dark/Info/Warning/Primary/onIdle Fill - Tint

  CSS: --product-library-info-warning-primary-on-idle-fill-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

Meta

• Name: TD Blueberry Dark/Meta/Berry - Fill

  CSS: --product-library-meta-berry-fill

  Hex: #D62B6F

  RGB: 214, 43, 111, 1

• Name: TD Blueberry Dark/Meta/Berry - Tint

  CSS: --product-library-meta-berry-tint

  Hex: #D62B6F

  RGB: 214, 43, 111, 1

• Name: TD Blueberry Dark/Meta/Blue - Fill

  CSS: --product-library-meta-blue-fill

  Hex: #2A67E2

  RGB: 42, 103, 226, 1

• Name: TD Blueberry Dark/Meta/Blue - Tint

  CSS: --product-library-meta-blue-tint

  Hex: #2A67E2

  RGB: 42, 103, 226, 1

• Name: TD Blueberry Dark/Meta/Charcoal - Fill

  CSS: --product-library-meta-charcoal-fill

  Hex: #808080

  RGB: 128, 128, 128, 1

• Name: TD Blueberry Dark/Meta/Charcoal - Tint

  CSS: --product-library-meta-charcoal-tint

  Hex: #808080

  RGB: 128, 128, 128, 1

• Name: TD Blueberry Dark/Meta/Grape - Fill

  CSS: --product-library-meta-grape-fill

  Hex: #692EC2

  RGB: 105, 46, 194, 1

• Name: TD Blueberry Dark/Meta/Grape - Tint

  CSS: --product-library-meta-grape-tint

  Hex: #8758CE

  RGB: 135, 88, 206, 1

• Name: TD Blueberry Dark/Meta/Green - Fill

  CSS: --product-library-meta-green-fill

  Hex: #369307

  RGB: 54, 147, 7, 1

• Name: TD Blueberry Dark/Meta/Green - Tint

  CSS: --product-library-meta-green-tint

  Hex: #369307

  RGB: 54, 147, 7, 1

• Name: TD Blueberry Dark/Meta/Grey - Fill

  CSS: --product-library-meta-grey-fill

  Hex: #999999

  RGB: 153, 153, 153, 1

• Name: TD Blueberry Dark/Meta/Grey - Tint

  CSS: --product-library-meta-grey-tint

  Hex: #999999

  RGB: 153, 153, 153, 1

• Name: TD Blueberry Dark/Meta/Lavender - Fill

  CSS: --product-library-meta-lavender-fill

  Hex: #EB96C8

  RGB: 235, 150, 200, 1

• Name: TD Blueberry Dark/Meta/Lavender - Tint

  CSS: --product-library-meta-lavender-tint

  Hex: #EB96C8

  RGB: 235, 150, 200, 1

• Name: TD Blueberry Dark/Meta/Light Blue - Fill

  CSS: --product-library-meta-light-blue-fill

  Hex: #96C3EB

  RGB: 150, 195, 235, 1

• Name: TD Blueberry Dark/Meta/Light Blue - Tint

  CSS: --product-library-meta-light-blue-tint

  Hex: #96C3EB

  RGB: 150, 195, 235, 1

• Name: TD Blueberry Dark/Meta/Lime Green - Fill

  CSS: --product-library-meta-lime-green-fill

  Hex: #7ECC48

  RGB: 126, 204, 72, 1

• Name: TD Blueberry Dark/Meta/Lime Green - Tint

  CSS: --product-library-meta-lime-green-tint

  Hex: #7ECC48

  RGB: 126, 204, 72, 1

• Name: TD Blueberry Dark/Meta/Magenta - Fill

  CSS: --product-library-meta-magenta-fill

  Hex: #E05095

  RGB: 224, 80, 149, 1

• Name: TD Blueberry Dark/Meta/Magenta - Tint

  CSS: --product-library-meta-magenta-tint

  Hex: #E05095

  RGB: 224, 80, 149, 1

• Name: TD Blueberry Dark/Meta/Mint Green - Fill

  CSS: --product-library-meta-mint-green-fill

  Hex: #52CCB8

  RGB: 82, 204, 184, 1

• Name: TD Blueberry Dark/Meta/Mint Green - Tint

  CSS: --product-library-meta-mint-green-tint

  Hex: #52CCB8

  RGB: 82, 204, 184, 1

• Name: TD Blueberry Dark/Meta/Olive Green - Fill

  CSS: --product-library-meta-olive-green-fill

  Hex: #AEB83A

  RGB: 174, 184, 58, 1

• Name: TD Blueberry Dark/Meta/Olive Green - Tint

  CSS: --product-library-meta-olive-green-tint

  Hex: #AEB83A

  RGB: 174, 184, 58, 1

• Name: TD Blueberry Dark/Meta/Orange - Fill

  CSS: --product-library-meta-orange-fill

  Hex: #F48318

  RGB: 244, 131, 24, 1

• Name: TD Blueberry Dark/Meta/Orange - Tint

  CSS: --product-library-meta-orange-tint

  Hex: #F48318

  RGB: 244, 131, 24, 1

• Name: TD Blueberry Dark/Meta/Red - Fill

  CSS: --product-library-meta-red-fill

  Hex: #DC4C3E

  RGB: 220, 76, 62, 1

• Name: TD Blueberry Dark/Meta/Red - Tint

  CSS: --product-library-meta-red-tint

  Hex: #CF473A

  RGB: 207, 71, 58, 1

• Name: TD Blueberry Dark/Meta/Salmon - Fill

  CSS: --product-library-meta-salmon-fill

  Hex: #FF8E84

  RGB: 255, 142, 132, 1

• Name: TD Blueberry Dark/Meta/Salmon - Tint

  CSS: --product-library-meta-salmon-tint

  Hex: #FF8E84

  RGB: 255, 142, 132, 1

• Name: TD Blueberry Dark/Meta/Secondary/Berry/Hover - Fill

  CSS: --product-library-meta-secondary-berry-hover-fill

  Hex: #7A1A40

  RGB: 122, 25, 63, 1

• Name: TD Blueberry Dark/Meta/Secondary/Berry/Idle - Fill

  CSS: --product-library-meta-secondary-berry-idle-fill

  Hex: #6B1738

  RGB: 106, 22, 55, 1

• Name: TD Blueberry Dark/Meta/Secondary/Berry/Selected - Fill

  CSS: --product-library-meta-secondary-berry-selected-fill

  Hex: #D62B6F

  RGB: 214, 43, 111, 1

• Name: TD Blueberry Dark/Meta/Secondary/Berry/onHover - Tint

  CSS: --product-library-meta-secondary-berry-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Berry/onIdle - Tint

  CSS: --product-library-meta-secondary-berry-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Berry/onSelected - Tint

  CSS: --product-library-meta-secondary-berry-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Blue/Hover - Fill

  CSS: --product-library-meta-secondary-blue-hover-fill

  Hex: #284B81

  RGB: 39, 75, 128, 1

• Name: TD Blueberry Dark/Meta/Secondary/Blue/Idle - Fill

  CSS: --product-library-meta-secondary-blue-idle-fill

  Hex: #22416F

  RGB: 34, 65, 111, 1

• Name: TD Blueberry Dark/Meta/Secondary/Blue/Selected - Fill

  CSS: --product-library-meta-secondary-blue-selected-fill

  Hex: #2A67E2

  RGB: 42, 103, 226, 1

• Name: TD Blueberry Dark/Meta/Secondary/Blue/onHover - Tint

  CSS: --product-library-meta-secondary-blue-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Blue/onIdle - Tint

  CSS: --product-library-meta-secondary-blue-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Blue/onSelected - Tint

  CSS: --product-library-meta-secondary-blue-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Charcoal/Hover - Fill

  CSS: --product-library-meta-secondary-charcoal-hover-fill

  Hex: #454545

  RGB: 68, 68, 68, 1

• Name: TD Blueberry Dark/Meta/Secondary/Charcoal/Idle - Fill

  CSS: --product-library-meta-secondary-charcoal-idle-fill

  Hex: #373737

  RGB: 55, 55, 55, 1

• Name: TD Blueberry Dark/Meta/Secondary/Charcoal/Selected - Fill

  CSS: --product-library-meta-secondary-charcoal-selected-fill

  Hex: #747474

  RGB: 116, 116, 116, 1

• Name: TD Blueberry Dark/Meta/Secondary/Charcoal/onHover - Tint

  CSS: --product-library-meta-secondary-charcoal-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Charcoal/onIdle - Tint

  CSS: --product-library-meta-secondary-charcoal-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Charcoal/onSelected - Tint

  CSS: --product-library-meta-secondary-charcoal-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Grape/Hover - Fill

  CSS: --product-library-meta-secondary-grape-hover-fill

  Hex: #502196

  RGB: 79, 33, 150, 1

• Name: TD Blueberry Dark/Meta/Secondary/Grape/Idle - Fill

  CSS: --product-library-meta-secondary-grape-idle-fill

  Hex: #441D81

  RGB: 68, 29, 129, 1

• Name: TD Blueberry Dark/Meta/Secondary/Grape/Selected - Fill

  CSS: --product-library-meta-secondary-grape-selected-fill

  Hex: #692EC2

  RGB: 105, 46, 194, 1

• Name: TD Blueberry Dark/Meta/Secondary/Grape/onHover - Tint

  CSS: --product-library-meta-secondary-grape-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Grape/onIdle - Tint

  CSS: --product-library-meta-secondary-grape-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Grape/onSelected - Tint

  CSS: --product-library-meta-secondary-grape-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Green/Hover - Fill

  CSS: --product-library-meta-secondary-green-hover-fill

  Hex: #2F6813

  RGB: 47, 104, 19, 1

• Name: TD Blueberry Dark/Meta/Secondary/Green/Idle - Fill

  CSS: --product-library-meta-secondary-green-idle-fill

  Hex: #26540F

  RGB: 38, 83, 14, 1

• Name: TD Blueberry Dark/Meta/Secondary/Green/Selected - Fill

  CSS: --product-library-meta-secondary-green-selected-fill

  Hex: #2F8501

  RGB: 47, 133, 1, 1

• Name: TD Blueberry Dark/Meta/Secondary/Green/onHover - Tint

  CSS: --product-library-meta-secondary-green-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Green/onIdle - Tint

  CSS: --product-library-meta-secondary-green-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Green/onSelected - Tint

  CSS: --product-library-meta-secondary-green-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Lavender/Hover - Fill

  CSS: --product-library-meta-secondary-lavender-hover-fill

  Hex: #76385C

  RGB: 117, 55, 92, 1

• Name: TD Blueberry Dark/Meta/Secondary/Lavender/Idle - Fill

  CSS: --product-library-meta-secondary-lavender-idle-fill

  Hex: #642F4E

  RGB: 100, 47, 78, 1

• Name: TD Blueberry Dark/Meta/Secondary/Lavender/Selected - Fill

  CSS: --product-library-meta-secondary-lavender-selected-fill

  Hex: #EB96C8

  RGB: 235, 150, 200, 1

• Name: TD Blueberry Dark/Meta/Secondary/Lavender/onHover - Tint

  CSS: --product-library-meta-secondary-lavender-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Lavender/onIdle - Tint

  CSS: --product-library-meta-secondary-lavender-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Lavender/onSelected - Tint

  CSS: --product-library-meta-secondary-lavender-on-selected-tint

  Hex: #000000

  RGB: 0, 0, 0, 1

• Name: TD Blueberry Dark/Meta/Secondary/Light Blue/Hover - Fill

  CSS: --product-library-meta-secondary-light-blue-hover-fill

  Hex: #395874

  RGB: 57, 88, 116, 1

• Name: TD Blueberry Dark/Meta/Secondary/Light Blue/Idle - Fill

  CSS: --product-library-meta-secondary-light-blue-idle-fill

  Hex: #314B63

  RGB: 49, 75, 99, 1

• Name: TD Blueberry Dark/Meta/Secondary/Light Blue/Selected - Fill

  CSS: --product-library-meta-secondary-light-blue-selected-fill

  Hex: #96C3EB

  RGB: 150, 195, 235, 1

• Name: TD Blueberry Dark/Meta/Secondary/Light Blue/onHover - Tint

  CSS: --product-library-meta-secondary-light-blue-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Light Blue/onIdle - Tint

  CSS: --product-library-meta-secondary-light-blue-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Light Blue/onSelected - Tint

  CSS: --product-library-meta-secondary-light-blue-on-selected-tint

  Hex: #000000

  RGB: 0, 0, 0, 1

• Name: TD Blueberry Dark/Meta/Secondary/Lime Green/Hover - Fill

  CSS: --product-library-meta-secondary-lime-green-hover-fill

  Hex: #3E6B1F

  RGB: 62, 107, 31, 1

• Name: TD Blueberry Dark/Meta/Secondary/Lime Green/Idle - Fill

  CSS: --product-library-meta-secondary-lime-green-idle-fill

  Hex: #33591A

  RGB: 51, 89, 26, 1

• Name: TD Blueberry Dark/Meta/Secondary/Lime Green/Selected - Fill

  CSS: --product-library-meta-secondary-lime-green-selected-fill

  Hex: #7ECC48

  RGB: 126, 204, 72, 1

• Name: TD Blueberry Dark/Meta/Secondary/Lime Green/onHover - Tint

  CSS: --product-library-meta-secondary-lime-green-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Lime Green/onIdle - Tint

  CSS: --product-library-meta-secondary-lime-green-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Lime Green/onSelected - Tint

  CSS: --product-library-meta-secondary-lime-green-on-selected-tint

  Hex: #000000

  RGB: 0, 0, 0, 1

• Name: TD Blueberry Dark/Meta/Secondary/Magenta/Hover - Fill

  CSS: --product-library-meta-secondary-magenta-hover-fill

  Hex: #7D1748

  RGB: 125, 23, 72, 1

• Name: TD Blueberry Dark/Meta/Secondary/Magenta/Idle - Fill

  CSS: --product-library-meta-secondary-magenta-idle-fill

  Hex: #69143D

  RGB: 105, 20, 61, 1

• Name: TD Blueberry Dark/Meta/Secondary/Magenta/Selected - Fill

  CSS: --product-library-meta-secondary-magenta-selected-fill

  Hex: #CB3B82

  RGB: 203, 59, 130, 1

• Name: TD Blueberry Dark/Meta/Secondary/Magenta/onHover - Tint

  CSS: --product-library-meta-secondary-magenta-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Magenta/onIdle - Tint

  CSS: --product-library-meta-secondary-magenta-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Magenta/onSelected - Tint

  CSS: --product-library-meta-secondary-magenta-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Mint Green/Hover - Fill

  CSS: --product-library-meta-secondary-mint-green-hover-fill

  Hex: #226C60

  RGB: 34, 108, 96, 1

• Name: TD Blueberry Dark/Meta/Secondary/Mint Green/Idle - Fill

  CSS: --product-library-meta-secondary-mint-green-idle-fill

  Hex: #1C584E

  RGB: 28, 88, 78, 1

• Name: TD Blueberry Dark/Meta/Secondary/Mint Green/Selected - Fill

  CSS: --product-library-meta-secondary-mint-green-selected-fill

  Hex: #52CCB8

  RGB: 82, 204, 184, 1

• Name: TD Blueberry Dark/Meta/Secondary/Mint Green/onHover - Tint

  CSS: --product-library-meta-secondary-mint-green-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Mint Green/onIdle - Tint

  CSS: --product-library-meta-secondary-mint-green-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Mint Green/onSelected - Tint

  CSS: --product-library-meta-secondary-mint-green-on-selected-tint

  Hex: #000000

  RGB: 0, 0, 0, 1

• Name: TD Blueberry Dark/Meta/Secondary/Olive Green/Hover - Fill

  CSS: --product-library-meta-secondary-olive-green-hover-fill

  Hex: #6D7326

  RGB: 108, 115, 37, 1

• Name: TD Blueberry Dark/Meta/Secondary/Olive Green/Idle - Fill

  CSS: --product-library-meta-secondary-olive-green-idle-fill

  Hex: #5D6220

  RGB: 93, 98, 32, 1

• Name: TD Blueberry Dark/Meta/Secondary/Olive Green/Selected - Fill

  CSS: --product-library-meta-secondary-olive-green-selected-fill

  Hex: #AEB83A

  RGB: 174, 184, 58, 1

• Name: TD Blueberry Dark/Meta/Secondary/Olive Green/onHover - Tint

  CSS: --product-library-meta-secondary-olive-green-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Olive Green/onIdle - Tint

  CSS: --product-library-meta-secondary-olive-green-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Olive Green/onSelected - Tint

  CSS: --product-library-meta-secondary-olive-green-on-selected-tint

  Hex: #000000

  RGB: 0, 0, 0, 1

• Name: TD Blueberry Dark/Meta/Secondary/Orange/Hover - Fill

  CSS: --product-library-meta-secondary-orange-hover-fill

  Hex: #8E5F20

  RGB: 142, 95, 32, 1

• Name: TD Blueberry Dark/Meta/Secondary/Orange/Idle - Fill

  CSS: --product-library-meta-secondary-orange-idle-fill

  Hex: #79511B

  RGB: 121, 81, 27, 1

• Name: TD Blueberry Dark/Meta/Secondary/Orange/Selected - Fill

  CSS: --product-library-meta-secondary-orange-selected-fill

  Hex: #F48318

  RGB: 244, 131, 24, 1

• Name: TD Blueberry Dark/Meta/Secondary/Orange/onHover - Tint

  CSS: --product-library-meta-secondary-orange-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Orange/onIdle - Tint

  CSS: --product-library-meta-secondary-orange-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Orange/onSelected - Tint

  CSS: --product-library-meta-secondary-orange-on-selected-tint

  Hex: #000000

  RGB: 0, 0, 0, 1

• Name: TD Blueberry Dark/Meta/Secondary/Red/Hover - Fill

  CSS: --product-library-meta-secondary-red-hover-fill

  Hex: #884844

  RGB: 136, 72, 68, 1

• Name: TD Blueberry Dark/Meta/Secondary/Red/Idle - Fill

  CSS: --product-library-meta-secondary-red-idle-fill

  Hex: #79403C

  RGB: 121, 64, 60, 1

• Name: TD Blueberry Dark/Meta/Secondary/Red/Selected - Fill

  CSS: --product-library-meta-secondary-red-selected-fill

  Hex: #D04235

  RGB: 208, 66, 53, 1

• Name: TD Blueberry Dark/Meta/Secondary/Red/onHover - Tint

  CSS: --product-library-meta-secondary-red-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Red/onIdle - Tint

  CSS: --product-library-meta-secondary-red-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Red/onSelected - Tint

  CSS: --product-library-meta-secondary-red-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Salmon/Hover - Fill

  CSS: --product-library-meta-secondary-salmon-hover-fill

  Hex: #78403B

  RGB: 119, 63, 58, 1

• Name: TD Blueberry Dark/Meta/Secondary/Salmon/Idle - Fill

  CSS: --product-library-meta-secondary-salmon-idle-fill

  Hex: #673732

  RGB: 103, 55, 50, 1

• Name: TD Blueberry Dark/Meta/Secondary/Salmon/Selected - Fill

  CSS: --product-library-meta-secondary-salmon-selected-fill

  Hex: #FF8E84

  RGB: 255, 142, 132, 1

• Name: TD Blueberry Dark/Meta/Secondary/Salmon/onHover - Tint

  CSS: --product-library-meta-secondary-salmon-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Salmon/onIdle - Tint

  CSS: --product-library-meta-secondary-salmon-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Salmon/onSelected - Tint

  CSS: --product-library-meta-secondary-salmon-on-selected-tint

  Hex: #000000

  RGB: 0, 0, 0, 1

• Name: TD Blueberry Dark/Meta/Secondary/Sky Blue/Hover - Fill

  CSS: --product-library-meta-secondary-sky-blue-hover-fill

  Hex: #18637C

  RGB: 24, 99, 124, 1

• Name: TD Blueberry Dark/Meta/Secondary/Sky Blue/Idle - Fill

  CSS: --product-library-meta-secondary-sky-blue-idle-fill

  Hex: #145368

  RGB: 20, 83, 104, 1

• Name: TD Blueberry Dark/Meta/Secondary/Sky Blue/Selected - Fill

  CSS: --product-library-meta-secondary-sky-blue-selected-fill

  Hex: #3AB9E2

  RGB: 58, 185, 226, 1

• Name: TD Blueberry Dark/Meta/Secondary/Sky Blue/onHover - Tint

  CSS: --product-library-meta-secondary-sky-blue-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Sky Blue/onIdle - Tint

  CSS: --product-library-meta-secondary-sky-blue-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Sky Blue/onSelected - Tint

  CSS: --product-library-meta-secondary-sky-blue-on-selected-tint

  Hex: #000000

  RGB: 0, 0, 0, 1

• Name: TD Blueberry Dark/Meta/Secondary/Taupe/Hover - Fill

  CSS: --product-library-meta-secondary-taupe-hover-fill

  Hex: #724827

  RGB: 114, 72, 39, 1

• Name: TD Blueberry Dark/Meta/Secondary/Taupe/Idle - Fill

  CSS: --product-library-meta-secondary-taupe-idle-fill

  Hex: #5D3B20

  RGB: 93, 59, 32, 1

• Name: TD Blueberry Dark/Meta/Secondary/Taupe/Selected - Fill

  CSS: --product-library-meta-secondary-taupe-selected-fill

  Hex: #CCAE96

  RGB: 204, 174, 150, 1

• Name: TD Blueberry Dark/Meta/Secondary/Taupe/onHover - Tint

  CSS: --product-library-meta-secondary-taupe-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Taupe/onIdle - Tint

  CSS: --product-library-meta-secondary-taupe-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Taupe/onSelected - Tint

  CSS: --product-library-meta-secondary-taupe-on-selected-tint

  Hex: #000000

  RGB: 0, 0, 0, 1

• Name: TD Blueberry Dark/Meta/Secondary/Teal/Hover - Fill

  CSS: --product-library-meta-secondary-teal-hover-fill

  Hex: #2E6370

  RGB: 46, 99, 112, 1

• Name: TD Blueberry Dark/Meta/Secondary/Teal/Idle - Fill

  CSS: --product-library-meta-secondary-teal-idle-fill

  Hex: #26515C

  RGB: 38, 81, 92, 1

• Name: TD Blueberry Dark/Meta/Secondary/Teal/Selected - Fill

  CSS: --product-library-meta-secondary-teal-selected-fill

  Hex: #007E9A

  RGB: 0, 126, 154, 1

• Name: TD Blueberry Dark/Meta/Secondary/Teal/onHover - Tint

  CSS: --product-library-meta-secondary-teal-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Teal/onIdle - Tint

  CSS: --product-library-meta-secondary-teal-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Teal/onSelected - Tint

  CSS: --product-library-meta-secondary-teal-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Violet/Hover - Fill

  CSS: --product-library-meta-secondary-violet-hover-fill

  Hex: #6F1F84

  RGB: 111, 30, 132, 1

• Name: TD Blueberry Dark/Meta/Secondary/Violet/Idle - Fill

  CSS: --product-library-meta-secondary-violet-idle-fill

  Hex: #5E1A70

  RGB: 94, 26, 112, 1

• Name: TD Blueberry Dark/Meta/Secondary/Violet/Selected - Fill

  CSS: --product-library-meta-secondary-violet-selected-fill

  Hex: #AC30CC

  RGB: 172, 48, 204, 1

• Name: TD Blueberry Dark/Meta/Secondary/Violet/onHover - Tint

  CSS: --product-library-meta-secondary-violet-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Violet/onIdle - Tint

  CSS: --product-library-meta-secondary-violet-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Violet/onSelected - Tint

  CSS: --product-library-meta-secondary-violet-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Yellow/Hover - Fill

  CSS: --product-library-meta-secondary-yellow-hover-fill

  Hex: #7F6701

  RGB: 127, 103, 1, 1

• Name: TD Blueberry Dark/Meta/Secondary/Yellow/Idle - Fill

  CSS: --product-library-meta-secondary-yellow-idle-fill

  Hex: #655201

  RGB: 101, 82, 1, 1

• Name: TD Blueberry Dark/Meta/Secondary/Yellow/Selected - Fill

  CSS: --product-library-meta-secondary-yellow-selected-fill

  Hex: #FECF05

  RGB: 254, 207, 5, 1

• Name: TD Blueberry Dark/Meta/Secondary/Yellow/onHover - Tint

  CSS: --product-library-meta-secondary-yellow-on-hover-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Yellow/onIdle - Tint

  CSS: --product-library-meta-secondary-yellow-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Meta/Secondary/Yellow/onSelected - Tint

  CSS: --product-library-meta-secondary-yellow-on-selected-tint

  Hex: #000000

  RGB: 0, 0, 0, 1

• Name: TD Blueberry Dark/Meta/Sky Blue - Fill

  CSS: --product-library-meta-sky-blue-fill

  Hex: #3AB9E2

  RGB: 58, 185, 226, 1

• Name: TD Blueberry Dark/Meta/Sky Blue - Tint

  CSS: --product-library-meta-sky-blue-tint

  Hex: #3AB9E2

  RGB: 58, 185, 226, 1

• Name: TD Blueberry Dark/Meta/Taupe - Fill

  CSS: --product-library-meta-taupe-fill

  Hex: #CCAE96

  RGB: 204, 174, 150, 1

• Name: TD Blueberry Dark/Meta/Taupe - Tint

  CSS: --product-library-meta-taupe-tint

  Hex: #CCAE96

  RGB: 204, 174, 150, 1

• Name: TD Blueberry Dark/Meta/Teal - Fill

  CSS: --product-library-meta-teal-fill

  Hex: #148FAD

  RGB: 20, 143, 173, 1

• Name: TD Blueberry Dark/Meta/Teal - Tint

  CSS: --product-library-meta-teal-tint

  Hex: #148FAD

  RGB: 20, 143, 173, 1

• Name: TD Blueberry Dark/Meta/Violet - Fill

  CSS: --product-library-meta-violet-fill

  Hex: #AC30CC

  RGB: 172, 48, 204, 1

• Name: TD Blueberry Dark/Meta/Violet - Tint

  CSS: --product-library-meta-violet-tint

  Hex: #AC30CC

  RGB: 172, 48, 204, 1

• Name: TD Blueberry Dark/Meta/Yellow - Fill

  CSS: --product-library-meta-yellow-fill

  Hex: #FECF05

  RGB: 254, 207, 5, 1

• Name: TD Blueberry Dark/Meta/Yellow - Tint

  CSS: --product-library-meta-yellow-tint

  Hex: #B29104

  RGB: 178, 145, 4, 1

Priorities

• Name: TD Blueberry Dark/Priorities/P1/Primary/Disabled - Fill

  CSS: --product-library-priorities-p1-primary-disabled-fill

  Hex: #79403C

  RGB: 121, 64, 60, 1

• Name: TD Blueberry Dark/Priorities/P1/Primary/Disabled - Tint

  CSS: --product-library-priorities-p1-primary-disabled-tint

  Hex: #79403C

  RGB: 121, 64, 60, 1

• Name: TD Blueberry Dark/Priorities/P1/Primary/Idle - Fill

  CSS: --product-library-priorities-p1-primary-idle-fill

  Hex: #FF7066

  RGB: 255, 112, 102, 1

• Name: TD Blueberry Dark/Priorities/P1/Primary/Idle - Tint

  CSS: --product-library-priorities-p1-primary-idle-tint

  Hex: #FF7066

  RGB: 255, 112, 102, 1

• Name: TD Blueberry Dark/Priorities/P1/Primary/onDisabled - Tint

  CSS: --product-library-priorities-p1-primary-on-disabled-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Priorities/P1/Primary/onIdle - Tint

  CSS: --product-library-priorities-p1-primary-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Priorities/P1/Secondary/Disabled - Fill

  CSS: --product-library-priorities-p1-secondary-disabled-fill

  Hex: #4C2F2D

  RGB: 76, 47, 45, 1

• Name: TD Blueberry Dark/Priorities/P1/Secondary/Hover - Fill

  CSS: --product-library-priorities-p1-secondary-hover-fill

  Hex: #8F4C47

  RGB: 143, 76, 71, 1

• Name: TD Blueberry Dark/Priorities/P1/Secondary/Idle - Fill

  CSS: --product-library-priorities-p1-secondary-idle-fill

  Hex: #783F3B

  RGB: 120, 63, 59, 1

• Name: TD Blueberry Dark/Priorities/P1/Secondary/Selected - Fill

  CSS: --product-library-priorities-p1-secondary-selected-fill

  Hex: #6F2625

  RGB: 111, 38, 37, 1

• Name: TD Blueberry Dark/Priorities/P1/Secondary/onSelected - Tint

  CSS: --product-library-priorities-p1-secondary-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Priorities/P2/Primary/Disabled - Fill

  CSS: --product-library-priorities-p2-primary-disabled-fill

  Hex: #79511B

  RGB: 121, 81, 27, 1

• Name: TD Blueberry Dark/Priorities/P2/Primary/Disabled - Tint

  CSS: --product-library-priorities-p2-primary-disabled-tint

  Hex: #79511B

  RGB: 121, 81, 27, 1

• Name: TD Blueberry Dark/Priorities/P2/Primary/Idle - Fill

  CSS: --product-library-priorities-p2-primary-idle-fill

  Hex: #FF9A13

  RGB: 255, 154, 19, 1

• Name: TD Blueberry Dark/Priorities/P2/Primary/Idle - Tint

  CSS: --product-library-priorities-p2-primary-idle-tint

  Hex: #FF9A13

  RGB: 255, 154, 19, 1

• Name: TD Blueberry Dark/Priorities/P2/Primary/onDisabled - Tint

  CSS: --product-library-priorities-p2-primary-on-disabled-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Priorities/P2/Primary/onIdle - Tint

  CSS: --product-library-priorities-p2-primary-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Priorities/P2/Secondary/Disabled - Fill

  CSS: --product-library-priorities-p2-secondary-disabled-fill

  Hex: #4C381D

  RGB: 76, 56, 29, 1

• Name: TD Blueberry Dark/Priorities/P2/Secondary/Hover - Fill

  CSS: --product-library-priorities-p2-secondary-hover-fill

  Hex: #926221

  RGB: 146, 98, 33, 1

• Name: TD Blueberry Dark/Priorities/P2/Secondary/Idle - Fill

  CSS: --product-library-priorities-p2-secondary-idle-fill

  Hex: #79511B

  RGB: 121, 81, 27, 1

• Name: TD Blueberry Dark/Priorities/P2/Secondary/Selected - Fill

  CSS: --product-library-priorities-p2-secondary-selected-fill

  Hex: #905404

  RGB: 144, 84, 4, 1

• Name: TD Blueberry Dark/Priorities/P2/Secondary/onSelected - Tint

  CSS: --product-library-priorities-p2-secondary-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Priorities/P3/Primary/Disabled - Fill

  CSS: --product-library-priorities-p3-primary-disabled-fill

  Hex: #22406D

  RGB: 34, 64, 109, 1

• Name: TD Blueberry Dark/Priorities/P3/Primary/Disabled - Tint

  CSS: --product-library-priorities-p3-primary-disabled-tint

  Hex: #345079

  RGB: 52, 80, 121, 1

• Name: TD Blueberry Dark/Priorities/P3/Primary/Idle - Fill

  CSS: --product-library-priorities-p3-primary-idle-fill

  Hex: #5297FF

  RGB: 82, 151, 255, 1

• Name: TD Blueberry Dark/Priorities/P3/Primary/Idle - Tint

  CSS: --product-library-priorities-p3-primary-idle-tint

  Hex: #5297FF

  RGB: 82, 151, 255, 1

• Name: TD Blueberry Dark/Priorities/P3/Primary/onDisabled - Tint

  CSS: --product-library-priorities-p3-primary-on-disabled-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Priorities/P3/Primary/onIdle - Tint

  CSS: --product-library-priorities-p3-primary-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Priorities/P3/Secondary/Disabled - Fill

  CSS: --product-library-priorities-p3-secondary-disabled-fill

  Hex: #202F46

  RGB: 32, 47, 70, 1

• Name: TD Blueberry Dark/Priorities/P3/Secondary/Hover - Fill

  CSS: --product-library-priorities-p3-secondary-hover-fill

  Hex: #2A5088

  RGB: 42, 80, 136, 1

• Name: TD Blueberry Dark/Priorities/P3/Secondary/Idle - Fill

  CSS: --product-library-priorities-p3-secondary-idle-fill

  Hex: #22406D

  RGB: 34, 64, 109, 1

• Name: TD Blueberry Dark/Priorities/P3/Secondary/Selected - Fill

  CSS: --product-library-priorities-p3-secondary-selected-fill

  Hex: #0F4495

  RGB: 15, 68, 149, 1

• Name: TD Blueberry Dark/Priorities/P3/Secondary/onSelected - Tint

  CSS: --product-library-priorities-p3-secondary-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Priorities/P4/Primary/Disabled - Fill

  CSS: --product-library-priorities-p4-primary-disabled-fill

  Hex: #575757

  RGB: 87, 87, 87, 1

• Name: TD Blueberry Dark/Priorities/P4/Primary/Disabled - Tint

  CSS: --product-library-priorities-p4-primary-disabled-tint

  Hex: #5E5E5E

  RGB: 94, 94, 94, 1

• Name: TD Blueberry Dark/Priorities/P4/Primary/Idle - Fill

  CSS: --product-library-priorities-p4-primary-idle-fill

  Hex: #A9A9A9

  RGB: 169, 169, 169, 1

• Name: TD Blueberry Dark/Priorities/P4/Primary/Idle - Tint

  CSS: --product-library-priorities-p4-primary-idle-tint

  Hex: #A9A9A9

  RGB: 169, 169, 169, 1

• Name: TD Blueberry Dark/Priorities/P4/Primary/onDisabled - Tint

  CSS: --product-library-priorities-p4-primary-on-disabled-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Priorities/P4/Primary/onIdle - Tint

  CSS: --product-library-priorities-p4-primary-on-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Priorities/P4/Secondary/Disabled - Fill

  CSS: --product-library-priorities-p4-secondary-disabled-fill

  Hex: #262626

  RGB: 38, 38, 38, 1

• Name: TD Blueberry Dark/Priorities/P4/Secondary/Hover - Fill

  CSS: --product-library-priorities-p4-secondary-hover-fill

  Hex: #404040

  RGB: 64, 64, 64, 1

• Name: TD Blueberry Dark/Priorities/P4/Secondary/Idle - Fill

  CSS: --product-library-priorities-p4-secondary-idle-fill

  Hex: #2E2E2E

  RGB: 46, 46, 46, 1

• Name: TD Blueberry Dark/Priorities/P4/Secondary/Selected - Fill

  CSS: --product-library-priorities-p4-secondary-selected-fill

  Hex: #525252

  RGB: 82, 82, 82, 1

• Name: TD Blueberry Dark/Priorities/P4/Secondary/onSelected - Tint

  CSS: --product-library-priorities-p4-secondary-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

Schedule

• Name: TD Blueberry Dark/Schedule/Next Week - Fill

  CSS: --product-library-schedule-next-week-fill

  Hex: #9147FF

  RGB: 145, 71, 255, 1

• Name: TD Blueberry Dark/Schedule/Next Week - Tint

  CSS: --product-library-schedule-next-week-tint

  Hex: #A970FF

  RGB: 169, 112, 255, 1

• Name: TD Blueberry Dark/Schedule/No Date - Fill

  CSS: --product-library-schedule-no-date-fill

  Hex: #808080

  RGB: 128, 128, 128, 1

• Name: TD Blueberry Dark/Schedule/No Date - Tint

  CSS: --product-library-schedule-no-date-tint

  Hex: #6B6B6B

  RGB: 107, 107, 107, 1

• Name: TD Blueberry Dark/Schedule/Overdue - Fill

  CSS: --product-library-schedule-overdue-fill

  Hex: #FF4A3D

  RGB: 255, 74, 61, 1

• Name: TD Blueberry Dark/Schedule/Overdue - Tint

  CSS: --product-library-schedule-overdue-tint

  Hex: #FF7066

  RGB: 255, 112, 102, 1

• Name: TD Blueberry Dark/Schedule/Postpone - Fill

  CSS: --product-library-schedule-postpone-fill

  Hex: #297EFF

  RGB: 41, 126, 255, 1

• Name: TD Blueberry Dark/Schedule/Postpone - Tint

  CSS: --product-library-schedule-postpone-tint

  Hex: #5297FF

  RGB: 82, 151, 255, 1

• Name: TD Blueberry Dark/Schedule/Today - Fill

  CSS: --product-library-schedule-today-fill

  Hex: #1C8C3A

  RGB: 28, 140, 58, 1

• Name: TD Blueberry Dark/Schedule/Today - Tint

  CSS: --product-library-schedule-today-tint

  Hex: #25B84C

  RGB: 37, 184, 76, 1

• Name: TD Blueberry Dark/Schedule/Tomorrow - Fill

  CSS: --product-library-schedule-tomorrow-fill

  Hex: #EB8600

  RGB: 235, 134, 0, 1

• Name: TD Blueberry Dark/Schedule/Tomorrow - Tint

  CSS: --product-library-schedule-tomorrow-tint

  Hex: #FF9A14

  RGB: 255, 154, 20, 1

• Name: TD Blueberry Dark/Schedule/Weekend - Fill

  CSS: --product-library-schedule-weekend-fill

  Hex: #297EFF

  RGB: 41, 126, 255, 1

• Name: TD Blueberry Dark/Schedule/Weekend - Tint

  CSS: --product-library-schedule-weekend-tint

  Hex: #5297FF

  RGB: 82, 151, 255, 1

Selectable

• Name: TD Blueberry Dark/Selectable/Background

  CSS: --product-library-selectable-background

  Hex: #333333

  RGB: 51, 51, 51, 1

• Name: TD Blueberry Dark/Selectable/Primary/Disabled - Tint

  CSS: --product-library-selectable-primary-disabled-tint

  Hex: #4D4D4D

  RGB: 77, 77, 77, 1

• Name: TD Blueberry Dark/Selectable/Primary/Selected - Fill

  CSS: --product-library-selectable-primary-selected-fill

  Hex: #2A7BBD

  RGB: 42, 123, 189, 1

• Name: TD Blueberry Dark/Selectable/Primary/Selected - Tint

  CSS: --product-library-selectable-primary-selected-tint

  Hex: #63B1F7

  RGB: 99, 177, 247, 1

• Name: TD Blueberry Dark/Selectable/Primary/Unselected - Fill

  CSS: --product-library-selectable-primary-unselected-fill

  Hex: #555555

  RGB: 85, 85, 85, 1

• Name: TD Blueberry Dark/Selectable/Primary/Unselected - Tint

  CSS: --product-library-selectable-primary-unselected-tint

  Hex: #B3B3B3

  RGB: 179, 179, 179, 1

• Name: TD Blueberry Dark/Selectable/Primary/onDark Hover - Fill

  CSS: --product-library-selectable-primary-on-dark-hover-fill

  Hex: #3D3D3D

  RGB: 61, 61, 61, 1

• Name: TD Blueberry Dark/Selectable/Primary/onDark Selected - Fill

  CSS: --product-library-selectable-primary-on-dark-selected-fill

  Hex: #666666

  RGB: 102, 102, 102, 1

• Name: TD Blueberry Dark/Selectable/Primary/onSelected - Fill

  CSS: --product-library-selectable-primary-on-selected-fill

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Selectable/Primary/onSelected - Tint

  CSS: --product-library-selectable-primary-on-selected-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Selectable/Primary/onUnselected - Fill

  CSS: --product-library-selectable-primary-on-unselected-fill

  Hex: #4D4D4D

  RGB: 77, 77, 77, 1

• Name: TD Blueberry Dark/Selectable/Secondary/Hover - Fill

  CSS: --product-library-selectable-secondary-hover-fill

  Hex: #2D3033

  RGB: 45, 48, 51, 1

• Name: TD Blueberry Dark/Selectable/Secondary/Idle - Tint

  CSS: --product-library-selectable-secondary-idle-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Selectable/Secondary/Selected - Fill

  CSS: --product-library-selectable-secondary-selected-fill

  Hex: #27313C

  RGB: 39, 49, 60, 1

• Name: TD Blueberry Dark/Selectable/Secondary/onSelected - Fill

  CSS: --product-library-selectable-secondary-on-selected-fill

  Hex: #2A7BBD

  RGB: 42, 123, 189, 1

• Name: TD Blueberry Dark/Selectable/Secondary/onSelected - Tint

  CSS: --product-library-selectable-secondary-on-selected-tint

  Hex: #5CABF0

  RGB: 92, 171, 240, 1

• Name: TD Blueberry Dark/Selectable/Tertiary/Selected - Fill

  CSS: --product-library-selectable-tertiary-selected-fill

  Hex: #202020

  RGB: 32, 32, 32, 1

• Name: TD Blueberry Dark/Selectable/Tertiary/Selected - Tint

  CSS: --product-library-selectable-tertiary-selected-tint

  Hex: #202020

  RGB: 32, 32, 32, 1

• Name: TD Blueberry Dark/Selectable/Tertiary/onSelected:/Disabled - Fill

  CSS: --product-library-selectable-tertiary-on-selected-disabled-fill

  Hex: #999999

  RGB: 153, 153, 153, 1

• Name: TD Blueberry Dark/Selectable/Tertiary/onSelected:/Disabled - Tint

  CSS: --product-library-selectable-tertiary-on-selected-disabled-tint

  Hex: #999999

  RGB: 153, 153, 153, 1

• Name: TD Blueberry Dark/Selectable/Tertiary/onSelected:/Enabled - Fill

  CSS: --product-library-selectable-tertiary-on-selected-enabled-fill

  Hex: #D6D6D6

  RGB: 214, 214, 214, 1

• Name: TD Blueberry Dark/Selectable/Tertiary/onSelected:/Enabled - Tint

  CSS: --product-library-selectable-tertiary-on-selected-enabled-tint

  Hex: #FFFFFF

  RGB: 255, 255, 255, 1

• Name: TD Blueberry Dark/Selectable/Tertiary/onUnselected:/Disabled - Fill

  CSS: --product-library-selectable-tertiary-on-unselected-disabled-fill

  Hex: #424242

  RGB: 66, 66, 66, 1

• Name: TD Blueberry Dark/Selectable/Tertiary/onUnselected:/Disabled -Tint

  CSS: --product-library-selectable-tertiary-on-unselected-disabled-tint

  Hex: #575757

  RGB: 87, 87, 87, 1

• Name: TD Blueberry Dark/Selectable/Tertiary/onUnselected:/Enabled - Fill

  CSS: --product-library-selectable-tertiary-on-unselected-enabled-fill

  Hex: #242424

  RGB: 36, 36, 36, 1

• Name: TD Blueberry Dark/Selectable/Tertiary/onUnselected:/Enabled - Tint

  CSS: --product-library-selectable-tertiary-on-unselected-enabled-tint

  Hex: #D6D6D6

  RGB: 214, 214, 214, 1