Skip to main content
U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Latest release: Component Library: v56.10.0 released on Aug 3, 2026 | Guidance: Sprint 4 released on Aug 4, 2026 | Figma: Changelog

Foundation

Clinical charts

Color tokens for clinical data visualizations.

Generated from css-library v0.34.1 (Tue, 04 Aug 2026 20:19:43 GMT).

Muted

Sample Token Value vads-clinical-charts-color-muted-1 #4f97d1
uswds-system-color-blue-40
vads-clinical-charts-color-muted-2 #face00
uswds-system-color-yellow-vivid-20
vads-clinical-charts-color-muted-3 #f2938c
uswds-system-color-red-30
vads-clinical-charts-color-muted-4 #a3b72c
uswds-system-color-green-warm-vivid-30
vads-clinical-charts-color-muted-5 #449dac
uswds-system-color-cyan-40
vads-clinical-charts-color-muted-6 #ad8b65
uswds-system-color-gold-40
vads-clinical-charts-color-muted-7 #8889db
uswds-system-color-indigo-40
vads-clinical-charts-color-muted-8 #e0699f
uswds-system-color-magenta-40

Vibrant

Sample Token Value vads-clinical-charts-color-vibrant-1 #d83933
uswds-system-color-red-50
vads-clinical-charts-color-vibrant-2 #f09860
uswds-system-color-orange-30
vads-clinical-charts-color-vibrant-3 #fc906d
uswds-system-color-orange-warm-vivid-30
vads-clinical-charts-color-vibrant-4 #ffbe2e
uswds-system-color-gold-vivid-20
vads-clinical-charts-color-vibrant-5 #face00
uswds-system-color-yellow-vivid-20
vads-clinical-charts-color-vibrant-6 #146947
uswds-system-color-mint-vivid-60
vads-clinical-charts-color-vibrant-7 #008817
uswds-system-color-green-cool-vivid-50
vads-clinical-charts-color-vibrant-8 #04c585
uswds-system-color-mint-vivid-30
vads-clinical-charts-color-vibrant-9 #70e17b
uswds-system-color-green-cool-vivid-20
vads-clinical-charts-color-vibrant-10 #2491ff
uswds-system-color-blue-vivid-40
vads-clinical-charts-color-vibrant-11 #28a0cb
uswds-system-color-blue-cool-vivid-40
vads-clinical-charts-color-vibrant-12 #00bde3
uswds-system-color-cyan-vivid-30
vads-clinical-charts-color-vibrant-13 #d85bef
uswds-system-color-violet-warm-vivid-40
vads-clinical-charts-color-vibrant-14 #4a50c4
uswds-system-color-indigo-vivid-60
vads-clinical-charts-color-vibrant-15 #967efb
uswds-system-color-indigo-warm-vivid-40
vads-clinical-charts-color-vibrant-16 #711e6c
uswds-system-color-violet-warm-vivid-70
vads-clinical-charts-color-vibrant-17 #d72d79
uswds-system-color-magenta-vivid-50
vads-clinical-charts-color-vibrant-18 #ff87b2
uswds-system-color-magenta-vivid-30
Edit this page in GitHub (Permissions required)
Last updated: Jul 01, 2026