All PatternFly tokens

NameValue
--pf-t--color--red--70#5f0000
--pf-t--color--red--60#a60000
--pf-t--color--red--50#ee0000
--pf-t--color--red--40#f56e6e
--pf-t--color--red--30#f9a8a8
--pf-t--color--red--20#fbc5c5
--pf-t--color--red--10#fce3e3
--pf-t--color--purple--70#21134d
--pf-t--color--purple--60#3d2785
--pf-t--color--purple--50#5e40be
--pf-t--color--purple--40#876fd4
--pf-t--color--purple--30#b6a6e9
--pf-t--color--purple--20#d0c5f4
--pf-t--color--purple--10#ece6ff
--pf-t--color--red-orange--70#731f00
--pf-t--color--red-orange--60#b1380b
--pf-t--color--red-orange--50#f0561d
--pf-t--color--red-orange--40#f4784a
--pf-t--color--red-orange--30#f89b78
--pf-t--color--red-orange--20#fbbea8
--pf-t--color--red-orange--10#ffe3d9
--pf-t--color--orange--70#732e00
--pf-t--color--orange--60#9e4a06
--pf-t--color--orange--50#ca6c0f
--pf-t--color--orange--40#f5921b
--pf-t--color--orange--30#f8ae54
--pf-t--color--orange--20#fccb8f
--pf-t--color--orange--10#ffe8cc
--pf-t--color--green--70#204d00
--pf-t--color--green--60#3d7317
--pf-t--color--green--50#63993d
--pf-t--color--green--40#87bb62
--pf-t--color--green--30#afdc8f
--pf-t--color--green--20#d1f1bb
--pf-t--color--green--10#e9f7df
--pf-t--color--yellow--70#73480b
--pf-t--color--yellow--60#96640f
--pf-t--color--yellow--50#b98412
--pf-t--color--yellow--40#dca614
--pf-t--color--yellow--30#ffcc17
--pf-t--color--yellow--20#ffe072
--pf-t--color--yellow--10#fff4cc
--pf-t--color--teal--70#004d4d
--pf-t--color--teal--60#147878
--pf-t--color--teal--50#37a3a3
--pf-t--color--teal--40#63bdbd
--pf-t--color--teal--30#9ad8d8
--pf-t--color--teal--20#b9e5e5
--pf-t--color--teal--10#daf2f2
--pf-t--color--blue--70#003366
--pf-t--color--blue--60#004d99
--pf-t--color--blue--50#0066cc
--pf-t--color--blue--40#4394e5
--pf-t--color--blue--30#92c5f9
--pf-t--color--blue--20#b9dafc
--pf-t--color--blue--10#e0f0ff
--pf-t--color--black#000000
--pf-t--color--gray--95#151515
--pf-t--color--gray--90#1f1f1f
--pf-t--color--gray--80#292929
--pf-t--color--gray--70#383838
--pf-t--color--gray--60#4d4d4d
--pf-t--color--gray--50#707070
--pf-t--color--gray--40#a3a3a3
--pf-t--color--gray--30#c7c7c7
--pf-t--color--gray--20#e0e0e0
--pf-t--color--gray--10#f2f2f2
--pf-t--color--white#ffffff
--pf-t--global--delay--4007000ms
--pf-t--global--delay--300100ms
--pf-t--global--delay--20050ms
--pf-t--global--delay--1000ms
--pf-t--global--duration--300450ms
--pf-t--global--duration--200250ms
--pf-t--global--duration--100150ms
--pf-t--global--background--color--action--plain--defaultrgba(0, 0, 0, 0.0000)
--pf-t--global--background--color--600rgba(199, 199, 199, 0.2500)
--pf-t--global--background--color--500rgba(21, 21, 21, 0.2000)
--pf-t--global--box-shadow--color--200rgba(0, 0, 0, 0.1200)
--pf-t--global--box-shadow--color--100rgba(0, 0, 0, 0.1600)
--pf-t--global--box-shadow--spread--1000px
--pf-t--global--box-shadow--blur--30024px
--pf-t--global--box-shadow--blur--2008px
--pf-t--global--box-shadow--blur--1002px
--pf-t--global--box-shadow--Y--7008px
--pf-t--global--box-shadow--Y--6004px
--pf-t--global--box-shadow--Y--5001px
--pf-t--global--box-shadow--Y--4000px
--pf-t--global--box-shadow--Y--300-1px
--pf-t--global--box-shadow--Y--200-4px
--pf-t--global--box-shadow--Y--100-8px
--pf-t--global--box-shadow--X--7008px
--pf-t--global--box-shadow--X--6004px
--pf-t--global--box-shadow--X--5001px
--pf-t--global--box-shadow--X--4000px
--pf-t--global--box-shadow--X--300-1px
--pf-t--global--box-shadow--X--200-4px
--pf-t--global--box-shadow--X--100-8px
--pf-t--global--z-index--600600
--pf-t--global--z-index--500500
--pf-t--global--z-index--400400
--pf-t--global--z-index--300300
--pf-t--global--z-index--200200
--pf-t--global--z-index--100100
--pf-t--global--font--size--80036px
--pf-t--global--font--size--70028px
--pf-t--global--font--size--60022px
--pf-t--global--font--size--50020px
--pf-t--global--font--size--40018px
--pf-t--global--font--size--30016px
--pf-t--global--font--size--20014px
--pf-t--global--font--size--10012px
--pf-t--global--border--radius--500999px
--pf-t--global--border--radius--40024px
--pf-t--global--border--radius--30016px
--pf-t--global--border--radius--2006px
--pf-t--global--border--radius--1004px
--pf-t--global--border--radius--00px
--pf-t--global--border--width--3003px
--pf-t--global--border--width--2002px
--pf-t--global--border--width--1001px
--pf-t--global--icon--size--50096px
--pf-t--global--icon--size--40056px
--pf-t--global--icon--size--30022px
--pf-t--global--icon--size--25016px
--pf-t--global--icon--size--20014px
--pf-t--global--icon--size--10012px
--pf-t--global--spacer--80080px
--pf-t--global--spacer--70064px
--pf-t--global--spacer--60048px
--pf-t--global--spacer--50032px
--pf-t--global--spacer--40024px
--pf-t--global--spacer--30016px
--pf-t--global--spacer--2008px
--pf-t--global--spacer--1004px
--pf-t--global--motion--delay--long
--pf-t--global--motion--delay--default
--pf-t--global--motion--delay--short
--pf-t--global--motion--delay--none
--pf-t--global--motion--duration--long
--pf-t--global--motion--duration--default
--pf-t--global--motion--duration--short
--pf-t--global--text--color--link--300
--pf-t--global--text--color--link--200
--pf-t--global--text--color--link--100
--pf-t--global--text--color--400
--pf-t--global--text--color--300
--pf-t--global--text--color--200
--pf-t--global--text--color--100
--pf-t--global--color--nonstatus--gray--300
--pf-t--global--color--nonstatus--gray--200
--pf-t--global--color--nonstatus--gray--100
--pf-t--global--color--nonstatus--purple--300
--pf-t--global--color--nonstatus--purple--200
--pf-t--global--color--nonstatus--purple--100
--pf-t--global--color--nonstatus--blue--300
--pf-t--global--color--nonstatus--blue--200
--pf-t--global--color--nonstatus--blue--100
--pf-t--global--color--nonstatus--cyan--300
--pf-t--global--color--nonstatus--cyan--200
--pf-t--global--color--nonstatus--cyan--100
--pf-t--global--color--nonstatus--green--300
--pf-t--global--color--nonstatus--green--200
--pf-t--global--color--nonstatus--green--100
--pf-t--global--color--nonstatus--gold--300
--pf-t--global--color--nonstatus--gold--200
--pf-t--global--color--nonstatus--gold--100
--pf-t--global--color--nonstatus--orange--300
--pf-t--global--color--nonstatus--orange--200
--pf-t--global--color--nonstatus--orange--100
--pf-t--global--color--nonstatus--orangered--300
--pf-t--global--color--nonstatus--orangered--200
--pf-t--global--color--nonstatus--orangered--100
--pf-t--global--color--nonstatus--red--300
--pf-t--global--color--nonstatus--red--200
--pf-t--global--color--nonstatus--red--100
--pf-t--global--color--status--custom--200
--pf-t--global--color--status--custom--100
--pf-t--global--color--status--info--200
--pf-t--global--color--status--info--100
--pf-t--global--color--status--danger--300
--pf-t--global--color--status--danger--200
--pf-t--global--color--status--danger--100
--pf-t--global--color--status--warning--300
--pf-t--global--color--status--warning--200
--pf-t--global--color--status--warning--100
--pf-t--global--color--status--success--200
--pf-t--global--color--status--success--100
--pf-t--global--color--favorite--200
--pf-t--global--color--favorite--100
--pf-t--global--color--disabled--300
--pf-t--global--color--disabled--200
--pf-t--global--color--disabled--100
--pf-t--global--color--brand--300
--pf-t--global--color--brand--200
--pf-t--global--color--brand--100
--pf-t--global--background--color--backdrop--default
--pf-t--global--background--color--action--plain--clicked
--pf-t--global--background--color--action--plain--hover
--pf-t--global--background--color--highlight--200
--pf-t--global--background--color--highlight--100
--pf-t--global--background--color--400
--pf-t--global--background--color--300
--pf-t--global--background--color--200
--pf-t--global--background--color--100
--pf-t--global--box-shadow--color--lg
--pf-t--global--box-shadow--color--md
--pf-t--global--box-shadow--color--sm
--pf-t--global--box-shadow--spread--lg
--pf-t--global--box-shadow--spread--md
--pf-t--global--box-shadow--spread--sm
--pf-t--global--box-shadow--blur--lg
--pf-t--global--box-shadow--blur--md
--pf-t--global--box-shadow--blur--sm
--pf-t--global--box-shadow--Y--lg--right
--pf-t--global--box-shadow--Y--lg--left
--pf-t--global--box-shadow--Y--lg--bottom
--pf-t--global--box-shadow--Y--lg--top
--pf-t--global--box-shadow--Y--lg--default
--pf-t--global--box-shadow--Y--md--right
--pf-t--global--box-shadow--Y--md--left
--pf-t--global--box-shadow--Y--md--bottom
--pf-t--global--box-shadow--Y--md--top
--pf-t--global--box-shadow--Y--md--default
--pf-t--global--box-shadow--Y--sm--right
--pf-t--global--box-shadow--Y--sm--left
--pf-t--global--box-shadow--Y--sm--bottom
--pf-t--global--box-shadow--Y--sm--top
--pf-t--global--box-shadow--Y--sm--default
--pf-t--global--box-shadow--X--lg--right
--pf-t--global--box-shadow--X--lg--left
--pf-t--global--box-shadow--X--lg--bottom
--pf-t--global--box-shadow--X--lg--top
--pf-t--global--box-shadow--X--lg--default
--pf-t--global--box-shadow--X--md--right
--pf-t--global--box-shadow--X--md--left
--pf-t--global--box-shadow--X--md--bottom
--pf-t--global--box-shadow--X--md--top
--pf-t--global--box-shadow--X--md--default
--pf-t--global--box-shadow--X--sm--right
--pf-t--global--box-shadow--X--sm--left
--pf-t--global--box-shadow--X--sm--bottom
--pf-t--global--box-shadow--X--sm--top
--pf-t--global--box-shadow--X--sm--default
--pf-t--global--z-index--2xl
--pf-t--global--z-index--xl
--pf-t--global--z-index--lg
--pf-t--global--z-index--md
--pf-t--global--z-index--sm
--pf-t--global--z-index--xs
--pf-t--global--font--size--4xl
--pf-t--global--font--size--3xl
--pf-t--global--font--size--2xl
--pf-t--global--font--size--xl
--pf-t--global--font--size--lg
--pf-t--global--font--size--md
--pf-t--global--font--size--sm
--pf-t--global--font--size--xs
--pf-t--global--border--color--300
--pf-t--global--border--color--200
--pf-t--global--border--color--100
--pf-t--global--border--radius--pill
--pf-t--global--border--radius--large
--pf-t--global--border--radius--medium
--pf-t--global--border--radius--small
--pf-t--global--border--radius--tiny
--pf-t--global--border--radius--sharp
--pf-t--global--border--width--control--clicked
--pf-t--global--border--width--control--hover
--pf-t--global--border--width--control--default
--pf-t--global--border--width--button--clicked
--pf-t--global--border--width--button--hover
--pf-t--global--border--width--button--default
--pf-t--global--border--width--box--status--read
--pf-t--global--border--width--box--status--default
--pf-t--global--border--width--box--clicked
--pf-t--global--border--width--box--hover
--pf-t--global--border--width--box--default
--pf-t--global--border--width--extra-strong
--pf-t--global--border--width--strong
--pf-t--global--border--width--regular
--pf-t--global--border--width--divider--clicked
--pf-t--global--border--width--divider--hover
--pf-t--global--border--width--divider--default
--pf-t--global--icon--color--300
--pf-t--global--icon--color--200
--pf-t--global--icon--color--100
--pf-t--global--icon--size--3xl
--pf-t--global--icon--size--2xl
--pf-t--global--icon--size--xl
--pf-t--global--icon--size--lg
--pf-t--global--icon--size--md
--pf-t--global--icon--size--sm
--pf-t--global--spacer--button--horizontal--plain
--pf-t--global--spacer--button--horizontal--compact
--pf-t--global--spacer--button--horizontal--default
--pf-t--global--spacer--button--vertical--plain
--pf-t--global--spacer--button--vertical--compact
--pf-t--global--spacer--button--vertical--default
--pf-t--global--spacer--control--horizontal--plain
--pf-t--global--spacer--control--horizontal--compact
--pf-t--global--spacer--control--horizontal--default
--pf-t--global--spacer--control--vertical--plain
--pf-t--global--spacer--control--vertical--compact
--pf-t--global--spacer--control--vertical--default
--pf-t--global--spacer--4xl
--pf-t--global--spacer--3xl
--pf-t--global--spacer--2xl
--pf-t--global--spacer--xl
--pf-t--global--spacer--lg
--pf-t--global--spacer--md
--pf-t--global--spacer--sm
--pf-t--global--spacer--xs
--pf-t--global--text--color--status--warning--clicked
--pf-t--global--text--color--status--warning--hover
--pf-t--global--text--color--status--warning--default
--pf-t--global--text--color--required
--pf-t--global--text--color--on-disabled
--pf-t--global--text--color--disabled
--pf-t--global--text--color--inverse
--pf-t--global--text--color--subtle
--pf-t--global--text--color--regular
--pf-t--global--text--color--link--visited
--pf-t--global--text--color--link--hover
--pf-t--global--text--color--link--default
--pf-t--global--color--nonstatus--gray--clicked
--pf-t--global--color--nonstatus--gray--hover
--pf-t--global--color--nonstatus--gray--default
--pf-t--global--color--nonstatus--purple--clicked
--pf-t--global--color--nonstatus--purple--hover
--pf-t--global--color--nonstatus--purple--default
--pf-t--global--color--nonstatus--blue--clicked
--pf-t--global--color--nonstatus--blue--hover
--pf-t--global--color--nonstatus--blue--default
--pf-t--global--color--nonstatus--cyan--clicked
--pf-t--global--color--nonstatus--cyan--hover
--pf-t--global--color--nonstatus--cyan--default
--pf-t--global--color--nonstatus--green--clicked
--pf-t--global--color--nonstatus--green--hover
--pf-t--global--color--nonstatus--green--default
--pf-t--global--color--nonstatus--gold--clicked
--pf-t--global--color--nonstatus--gold--hover
--pf-t--global--color--nonstatus--gold--default
--pf-t--global--color--nonstatus--orange--clicked
--pf-t--global--color--nonstatus--orange--hover
--pf-t--global--color--nonstatus--orange--default
--pf-t--global--color--nonstatus--orangered--clicked
--pf-t--global--color--nonstatus--orangered--hover
--pf-t--global--color--nonstatus--orangered--default
--pf-t--global--color--nonstatus--red--clicked
--pf-t--global--color--nonstatus--red--hover
--pf-t--global--color--nonstatus--red--default
--pf-t--global--color--status--custom--clicked
--pf-t--global--color--status--custom--hover
--pf-t--global--color--status--custom--default
--pf-t--global--color--status--info--clicked
--pf-t--global--color--status--info--hover
--pf-t--global--color--status--info--default
--pf-t--global--color--status--danger--clicked
--pf-t--global--color--status--danger--hover
--pf-t--global--color--status--danger--default
--pf-t--global--color--status--warning--clicked
--pf-t--global--color--status--warning--hover
--pf-t--global--color--status--warning--default
--pf-t--global--color--status--success--clicked
--pf-t--global--color--status--success--hover
--pf-t--global--color--status--success--default
--pf-t--global--color--favorite--clicked
--pf-t--global--color--favorite--hover
--pf-t--global--color--favorite--default
--pf-t--global--color--brand--clicked
--pf-t--global--color--brand--hover
--pf-t--global--color--brand--default
--pf-t--global--background--color--disabled--default
--pf-t--global--background--color--inverse--default
--pf-t--global--background--color--action--plain--alt--clicked
--pf-t--global--background--color--action--plain--alt--hover
--pf-t--global--background--color--floating--clicked
--pf-t--global--background--color--floating--hover
--pf-t--global--background--color--floating--default
--pf-t--global--background--color--secondary--clicked
--pf-t--global--background--color--secondary--hover
--pf-t--global--background--color--secondary--default
--pf-t--global--background--color--primary--clicked
--pf-t--global--background--color--primary--hover
--pf-t--global--background--color--primary--default
--pf-t--global--background--color--highlight--clicked
--pf-t--global--background--color--highlight--default
--pf-t--global--font--size--heading--h6
--pf-t--global--font--size--heading--h5
--pf-t--global--font--size--heading--h4
--pf-t--global--font--size--heading--h3
--pf-t--global--font--size--heading--h2
--pf-t--global--font--size--heading--h1
--pf-t--global--font--size--body--lg
--pf-t--global--font--size--body--default
--pf-t--global--font--size--body--sm
--pf-t--global--border--color--nonstatus--gray--clicked
--pf-t--global--border--color--nonstatus--gray--hover
--pf-t--global--border--color--nonstatus--gray--default
--pf-t--global--border--color--nonstatus--purple--clicked
--pf-t--global--border--color--nonstatus--purple--hover
--pf-t--global--border--color--nonstatus--purple--default
--pf-t--global--border--color--nonstatus--blue--clicked
--pf-t--global--border--color--nonstatus--blue--hover
--pf-t--global--border--color--nonstatus--blue--default
--pf-t--global--border--color--nonstatus--cyan--clicked
--pf-t--global--border--color--nonstatus--cyan--hover
--pf-t--global--border--color--nonstatus--cyan--default
--pf-t--global--border--color--nonstatus--green--clicked
--pf-t--global--border--color--nonstatus--green--hover
--pf-t--global--border--color--nonstatus--green--default
--pf-t--global--border--color--nonstatus--gold--clicked
--pf-t--global--border--color--nonstatus--gold--hover
--pf-t--global--border--color--nonstatus--gold--default
--pf-t--global--border--color--nonstatus--orange--clicked
--pf-t--global--border--color--nonstatus--orange--hover
--pf-t--global--border--color--nonstatus--orange--default
--pf-t--global--border--color--nonstatus--orangered--clicked
--pf-t--global--border--color--nonstatus--orangered--hover
--pf-t--global--border--color--nonstatus--orangered--default
--pf-t--global--border--color--nonstatus--red--clicked
--pf-t--global--border--color--nonstatus--red--hover
--pf-t--global--border--color--nonstatus--red--default
--pf-t--global--border--color--on-secondary
--pf-t--global--border--color--clicked
--pf-t--global--border--color--hover
--pf-t--global--border--color--default
--pf-t--global--border--color--status--warning--clicked
--pf-t--global--border--color--status--warning--hover