Color Tokens

All color tokens used throughout the Texas Design System. Every component references these colors via CSS custom properties, making it easy to rebrand by overriding these values.

Primary

#F9F9F9--txds-color-primary-05

#9DB2CA--txds-color-primary-10

#486687--txds-color-primary-50

#2A3D4E--txds-color-primary-60

#0E151C--txds-color-primary-90

Secondary

#FAF6EF--txds-color-secondary-05

#FFF4DF--txds-color-secondary-10

#EBB445--txds-color-secondary-50

#B07F1C--txds-color-secondary-60

#372809--txds-color-secondary-90

Status

#DE6262--txds-color-destructive-50

#A64949--txds-color-destructive-60

Grays

#FAFAFA--txds-color-gray-00

#F8F8F7--txds-color-gray-05

#EEEEEC--txds-color-gray-10

#E3E2E1--txds-color-gray-20

#C9C9C5--txds-color-gray-30

#A8A69D--txds-color-gray-40

#7B7976--txds-color-gray-50

#5B5A56--txds-color-gray-60

#403C37--txds-color-gray-70

#2B2926--txds-color-gray-80

Accent Colors

#9E60DD--txds-color-purple-50

#663399--txds-color-purple-60

#52BAB3--txds-color-teal-50

#7CC1D3--txds-color-light-blue-50

#5F72BF--txds-color-blue-50

#DECA78--txds-color-yellow-50

Texas Colors

For use in the Texas official site banner only. Do not modify.

#20294F--txds-color-tx-blue

#A82439--txds-color-tx-red

#FFFFFF--txds-color-tx-white