diff --git a/packages/components/src/components/Link/Link.test.tsx b/packages/components/src/components/Link/Link.test.tsx
new file mode 100644
index 00000000..0c338b8f
--- /dev/null
+++ b/packages/components/src/components/Link/Link.test.tsx
@@ -0,0 +1,420 @@
+import { RenderAPI, fireEvent, render } from '@testing-library/react-native'
+import React from 'react'
+
+import * as utils from '../../utils/OSfunctions'
+import { Icon } from '../Icon/Icon'
+import { Link, LinkAnalytics, LinkProps } from './Link'
+
+const onPressSpy = jest.fn()
+const mockedColorScheme = jest.fn()
+
+jest.mock('react-native/Libraries/Utilities/useColorScheme', () => {
+  return {
+    default: mockedColorScheme,
+  }
+})
+
+// Mock the internal function call within the useExternalLink hook
+const useExternalLinkHookMock = jest.fn((url: string, analytics?: LinkAnalytics, text?: utils.leaveAppPromptText) => {
+  url
+  analytics
+  text
+})
+// Mock the useExternalLink hook to leverage mock implementation
+jest.spyOn(utils, 'useExternalLink').mockImplementation(() => {
+  return useExternalLinkHookMock
+})
+
+describe('Link', () => {
+  let component: RenderAPI
+  let textColor: string
+
+  const analytics = {
+    onPress: jest.fn(),
+    onConfirm: jest.fn(),
+    onCancel: jest.fn(),
+  }
+
+  const defaultProps: LinkProps = {
+    type: 'custom',
+    text: 'Example Link',
+    a11yLabel: 'a11yLabel override',
+    a11yHint: 'a11yHint override',
+    a11yValue: { index: 2, total: 5 },
+    onPress: onPressSpy,
+    analytics: analytics,
+  }
+
+  const getTextColor = (element: RenderAPI) =>
+    element.getByText(defaultProps.text).props.style.color
+
+  afterEach(() => {
+    onPressSpy.mockReset()
+    useExternalLinkHookMock.mockReset()
+  })
+
+  describe('Default/custom variant and basic tests', () => {
+    beforeEach(() => {
+      component = render(<Link {...defaultProps} />)
+    })
+
+    it('initializes correctly', async () => {
+      expect(component).toBeTruthy()
+    })
+
+    it('renders the link text', async () => {
+      const linkText = component.getByText('Example Link')
+
+      expect(linkText).toBeDefined()
+    })
+
+    it('calls onPress when tapped', async () => {
+      fireEvent.press(component.getByText('Example Link'))
+
+      expect(onPressSpy).toHaveBeenCalled()
+      expect(useExternalLinkHookMock).not.toHaveBeenCalled()
+    })
+
+    it('renders no icon', async () => {
+      const icon = component.UNSAFE_queryByType(Icon)
+
+      expect(icon).toBeNull()
+    })
+  })
+
+  it('renders default/custom variant with Truck icon', async () => {
+    component = render(<Link {...defaultProps} icon={{ name: 'Truck' }} />)
+
+    const icon = component.root.findByType(Icon)
+
+    expect(icon).toBeDefined()
+    expect(icon.props.name).toBe('Truck')
+  })
+
+  describe('attachment variant tests', () => {
+    const attachmentProps: LinkProps = {
+      type: 'attachment',
+      onPress: onPressSpy,
+      text: 'Attachment Link',
+    }
+    beforeEach(() => {
+      component = render(<Link {...attachmentProps} />)
+    })
+
+    it('renders attachment link', async () => {
+      const linkText = component.getByText('Attachment Link')
+
+      expect(linkText).toBeDefined()
+    })
+
+    it('calls custom onPress when tapped', async () => {
+      fireEvent.press(component.getByText('Attachment Link'))
+
+      expect(onPressSpy).toHaveBeenCalled()
+      expect(useExternalLinkHookMock).not.toHaveBeenCalled()
+    })
+
+    it('renders attachment icon', async () => {
+      const icon = component.root.findByType(Icon)
+
+      expect(icon).toBeDefined()
+      expect(icon.props.name).toBe('PaperClip')
+    })
+  })
+
+  describe('calendar variant tests', () => {
+    const calendarProps: LinkProps = {
+      type: 'calendar',
+      onPress: onPressSpy,
+      text: 'Calendar Link',
+    }
+    beforeEach(() => {
+      component = render(<Link {...calendarProps} />)
+    })
+
+    it('renders calendar link', async () => {
+      const linkText = component.getByText('Calendar Link')
+
+      expect(linkText).toBeDefined()
+    })
+
+    it('calls custom onPress when tapped', async () => {
+      fireEvent.press(component.getByText('Calendar Link'))
+
+      expect(onPressSpy).toHaveBeenCalled()
+      expect(useExternalLinkHookMock).not.toHaveBeenCalled()
+    })
+
+    it('renders calendar icon', async () => {
+      const icon = component.root.findByType(Icon)
+
+      expect(icon).toBeDefined()
+      expect(icon.props.name).toBe('Calendar')
+    })
+  })
+
+  describe('call variant tests', () => {
+    const callProps: LinkProps = {
+      type: 'call',
+      phoneNumber: '1234567890',
+      text: '123-456-7890',
+    }
+    beforeEach(() => {
+      component = render(<Link {...callProps} />)
+    })
+
+    it('renders call link', async () => {
+      const linkText = component.getByText('123-456-7890')
+
+      expect(linkText).toBeDefined()
+    })
+
+    it('calls useExternalLink hook when tapped', async () => {
+      fireEvent.press(component.getByText('123-456-7890'))
+
+      expect(useExternalLinkHookMock).toHaveBeenCalledWith('tel:1234567890', undefined)
+      expect(onPressSpy).not.toHaveBeenCalled()
+    })
+
+    it('renders call icon', async () => {
+      const icon = component.root.findByType(Icon)
+
+      expect(icon).toBeDefined()
+      expect(icon.props.name).toBe('Phone')
+    })
+  })
+
+  describe('call TTY variant tests', () => {
+    const callTTYProps: LinkProps = {
+      type: 'call TTY',
+      TTYnumber: '711',
+      text: 'TTY: 711',
+    }
+    beforeEach(() => {
+      component = render(<Link {...callTTYProps} />)
+    })
+
+    it('renders call TTY link', async () => {
+      const linkText = component.getByText('TTY: 711')
+
+      expect(linkText).toBeDefined()
+    })
+
+    it('calls useExternalLink hook when tapped', async () => {
+      fireEvent.press(component.getByText('TTY: 711'))
+
+      expect(useExternalLinkHookMock).toHaveBeenCalledWith('tel:711', undefined)
+      expect(onPressSpy).not.toHaveBeenCalled()
+    })
+
+    it('renders TTY icon', async () => {
+      const icon = component.root.findByType(Icon)
+
+      expect(icon).toBeDefined()
+      expect(icon.props.name).toBe('TTY')
+    })
+  })
+
+  describe('directions variant tests', () => {
+    const location = {
+      lat: 33.7764681,
+      long: -118.1189664,
+      name: 'Tibor Rubin VA Medical Center',
+      address: {
+        street: '5901 E 7th St',
+        city: 'Long Beach',
+        state: 'CA',
+        zipCode: '90822',
+      },
+    }
+    const directionsProps: LinkProps = {
+      type: 'directions',
+      locationData: {
+        latitude: location.lat,
+        longitude: location.long,
+        name: location.name,
+      },
+      text: 'Get Directions',
+    }
+    beforeEach(() => {
+      component = render(<Link {...directionsProps} />)
+    })
+
+    it('renders directions link', async () => {
+      const linkText = component.getByText('Get Directions')
+
+      expect(linkText).toBeDefined()
+    })
+
+    it('calls useExternalLink hook when tapped', async () => {
+      fireEvent.press(component.getByText('Get Directions'))
+
+      expect(useExternalLinkHookMock).toHaveBeenCalledWith('https://maps.apple.com/?t=m&daddr=%2BTibor+Rubin+VA+Medical+Center%2B33.7764681%2C-118.1189664', undefined, undefined)
+      expect(onPressSpy).not.toHaveBeenCalled()
+    })
+
+    it('renders directions icon', async () => {
+      const icon = component.root.findByType(Icon)
+
+      expect(icon).toBeDefined()
+      expect(icon.props.name).toBe('Directions')
+    })
+  })
+
+  describe('text variant tests', () => {
+    const textProps: LinkProps = {
+      type: 'text',
+      textNumber: '123456',
+      text: 'Text 123456',
+    }
+    beforeEach(() => {
+      component = render(<Link {...textProps} />)
+    })
+
+    it('renders text link', async () => {
+      const linkText = component.getByText('Text 123456')
+
+      expect(linkText).toBeDefined()
+    })
+
+    it('calls onPress when tapped', async () => {
+      fireEvent.press(component.getByText('Text 123456'))
+
+      expect(useExternalLinkHookMock).toHaveBeenCalledWith('sms:123456', undefined)
+      expect(onPressSpy).not.toHaveBeenCalled()
+    })
+
+    it('renders mobile phone icon', async () => {
+      const icon = component.root.findByType(Icon)
+
+      expect(icon).toBeDefined()
+      expect(icon.props.name).toBe('Text')
+    })
+  })
+
+  describe('url variant tests', () => {
+    const urlProps: LinkProps = {
+      type: 'url',
+      url: 'https://www.va.com',
+      text: 'External Link',
+    }
+    beforeEach(() => {
+      component = render(<Link {...urlProps} />)
+    })
+
+    it('renders url link', async () => {
+      const linkText = component.getByText('External Link')
+
+      expect(linkText).toBeDefined()
+    })
+
+    it('calls onPress when tapped', async () => {
+      fireEvent.press(component.getByText('External Link'))
+
+      expect(useExternalLinkHookMock).toHaveBeenCalledWith('https://www.va.com', undefined, undefined)
+      expect(onPressSpy).not.toHaveBeenCalled()
+    })
+
+    it('renders external link icon', async () => {
+      const icon = component.root.findByType(Icon)
+
+      expect(icon).toBeDefined()
+      expect(icon.props.name).toBe('ExternalLink')
+    })
+  })
+
+  describe('light mode tone tests', () => {
+    it('renders primary tone', async () => {
+      component = render(<Link {...defaultProps} />)
+      textColor = getTextColor(component)
+      expect(textColor).toBe('#005ea2')
+    })
+
+    it('renders base tone', async () => {
+      component = render(<Link {...defaultProps} variant="base" />)
+      textColor = getTextColor(component)
+      expect(textColor).toBe('#3d4551')
+    })
+  })
+
+  describe('dark mode tone tests', () => {
+    beforeEach(() => mockedColorScheme.mockImplementationOnce(() => 'dark'))
+
+    it('renders primary tone', async () => {
+      component = render(<Link {...defaultProps} />)
+      textColor = getTextColor(component)
+      expect(textColor).toBe('#58b4ff')
+    })
+
+    it('renders base tone', async () => {
+      component = render(<Link {...defaultProps} variant="base" />)
+      textColor = getTextColor(component)
+      expect(textColor).toBe('#f0f0f0')
+    })
+  })
+
+  describe('a11y tests', () => {
+    beforeEach(() => {
+      component = render(<Link {...defaultProps} />)
+    })
+
+    it('includes a11yLabel', async () => {
+      expect(component.root.props.accessibilityLabel).toBe('a11yLabel override')
+    })
+
+    it('includes a11yHint', async () => {
+      expect(component.root.props.accessibilityHint).toBe('a11yHint override')
+    })
+
+    it('includes a11yValue', async () => {
+      expect(component.UNSAFE_root.props.a11yValue).toStrictEqual({ index: 2, total: 5 })
+    })
+  })
+
+  describe('promptText tests', () => {
+    const promptText = {
+      body: 'You are navigating to your browser app.',
+      cancel: 'No thanks',
+      confirm: "Let's go!",
+      title: 'Title override',
+    }
+
+    it('calls useExternalLink hook with promptText when provided', async () => {
+      component = render(<Link {...defaultProps} type="url" url='https://www.va.com' promptText={promptText} />)
+      fireEvent.press(component.getByText('Example Link'))
+
+      expect(useExternalLinkHookMock).toHaveBeenCalledWith('https://www.va.com', analytics, promptText)
+    })
+
+    it('calls useExternalLink hook without promptText when not provided', async () => {
+      component = render(<Link {...defaultProps} type="url" url='https://www.va.com' />)
+      fireEvent.press(component.getByText('Example Link'))
+
+      expect(useExternalLinkHookMock).toHaveBeenCalledWith('https://www.va.com', analytics, undefined)
+    })
+  })
+
+  describe('analytics tests', () => {
+    it('calls useExternalLink hook with analytics when provided', async () => {
+
+      component = render(<Link {...defaultProps} type="url" url='https://www.va.com' analytics={analytics} />)
+      fireEvent.press(component.getByText('Example Link'))
+
+      expect(useExternalLinkHookMock).toHaveBeenCalledWith('https://www.va.com', analytics, undefined)
+    })
+
+    it('calls useExternalLink hook without analytics when not provided', async () => {
+      component = render(<Link {...defaultProps} type="url" url='https://www.va.com' analytics={undefined} />)
+      fireEvent.press(component.getByText('Example Link'))
+
+      expect(useExternalLinkHookMock).toHaveBeenCalledWith('https://www.va.com', undefined, undefined)
+    })
+
+    it('calls onPress analytics with custom onPress behavior', async () => {
+      component = render(<Link {...defaultProps} analytics={analytics} />)
+      fireEvent.press(component.getByText('Example Link'))
+
+      expect(analytics.onPress).toHaveBeenCalled()
+    })
+  })
+})
diff --git a/packages/tokens/build.js b/packages/tokens/build.js
index c44185a0..a468ec91 100644
--- a/packages/tokens/build.js
+++ b/packages/tokens/build.js
@@ -2,17 +2,37 @@
 const StyleDictionary = require('style-dictionary')
 
 /**
- * Custom filter to include only tokens with the 'color' category and
- * exclude uswds primitives from variables.json to avoid collisions since these
- * colors are defined twice in variables.json
+ * Filters
  */
+
+/** Remove tokens that do not have 'color' in the category */
+StyleDictionary.registerFilter({
+  name: 'filter/color/is-color',
+  matcher: (token) => token.attributes.category.includes('color'),
+})
+
+/** Remove tokens that have the dark mode (OnDark/-on-dark) suffix */
 StyleDictionary.registerFilter({
-  name: 'isUniqueColor',
+  name: 'filter/color/light-mode',
   matcher: (token) =>
     token.attributes.category.includes('color') &&
-    token.filePath !== 'tokens/uswds.json',
+    !token.name.includes('OnDark') &&
+    !token.name.includes('-on-dark'),
 })
 
+/** Remove tokens that have the light mode (OnLight/-on-light) suffix */
+StyleDictionary.registerFilter({
+  name: 'filter/color/dark-mode',
+  matcher: (token) =>
+    token.attributes.category.includes('color') &&
+    !token.name.includes('OnLight') &&
+    !token.name.includes('-on-light'),
+})
+
+/**
+ * Formats
+ */
+
 /** Custom format for colors. Exports color tokens as single object */
 StyleDictionary.registerFormat({
   name: 'javascript/es6/vads-colors',
@@ -22,7 +42,7 @@ StyleDictionary.registerFormat({
       return result
     }, {})
 
-    return `export const Colors = ${JSON.stringify(colorTokens, null, 2)};`
+    return `export const Colors = ${JSON.stringify(sortTokensByKey(colorTokens), null, 2)};`
   },
 })
 
@@ -44,42 +64,80 @@ StyleDictionary.registerFormat({
 StyleDictionary.registerFormat({
   name: 'json/dtcg',
   formatter: function ({ dictionary }) {
-    const tokensObject = dictionary.allTokens.reduce(
+    // Returns proper  value for dtcg aliasing
+    const getValue = (value) => {
+      if (value.startsWith('{') && value.includes('.')) {
+        return `${value.split('.')[0]}}`
+      }
+
+      return value
+    }
+
+    // Infers type from attributes. VADS does not consistently populate the type field properly
+    const getType = (attributes) => {
+      const { category, type } = attributes
+
+      if (category.includes('color')) {
+        return 'color'
+      } else if (category === 'units') {
+        return 'dimension'
+      } else if (category === 'font' && type === 'family') {
+        return 'fontFamily'
+      } else if (category === 'font' && type === 'weight') {
+        return 'fontWeight'
+      } else if (category === 'font' && type === 'size') {
+        return 'dimension'
+      }
+
+      return ''
+    }
+
+    // Format tokens for dtcg
+    const tokens = dictionary.allTokens.reduce(
       (previousTokens, token) => ({
         ...previousTokens,
         [token.name]: {
-          $value: token.value,
-          $type: token.path[0], // path[0] is top level token type (e.g. 'color'), should meet: https://tr.designtokens.org/format/#types
+          $value: getValue(token.original.value),
+          $type: getType(token.attributes),
         },
       }),
       {},
     )
 
-    return JSON.stringify(tokensObject, undefined, 2) + `\n`
+    return JSON.stringify(sortTokensByKey(tokens), undefined, 2) + `\n`
   },
 })
 
-/** Registering a transform that strips out category from token name */
-StyleDictionary.registerTransform({
-  name: 'name/color/clean-up',
-  type: 'name',
-  transformer: (token) => {
-    return token.name.replace('SystemColor', '')
-  },
-})
+/**
+ * Transform Groups
+ */
 
 /** Registering transform group to massage output as desired for figma */
 StyleDictionary.registerTransformGroup({
   name: 'rn',
-  transforms: ['name/ti/camel', 'name/color/clean-up', 'color/hex'],
+  transforms: ['name/cti/camel', 'color/hex'],
 })
 
 /** Registering transform group to massage output as desired for figma */
 StyleDictionary.registerTransformGroup({
   name: 'figma',
-  transforms: ['name/ti/camel', 'name/color/clean-up', 'color/hex'],
+  transforms: ['name/cti/kebab', 'color/hex'],
 })
 
+/**
+ * Utils
+ */
+
+const sortTokensByKey = (obj) => {
+  const sortedKeys = Object.keys(obj).sort()
+  const sortedObj = {}
+  sortedKeys.forEach((key) => {
+    sortedObj[key] = obj[key]
+  })
+
+  return sortedObj
+}
+
 const StyleDictionaryExtended = StyleDictionary.extend(__dirname + '/config.js')
 
 StyleDictionaryExtended.buildAllPlatforms()
diff --git a/packages/tokens/config.js b/packages/tokens/config.js
index 73e812af..39de729d 100644
--- a/packages/tokens/config.js
+++ b/packages/tokens/config.js
@@ -1,10 +1,11 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const tokenCategories = require('./src/tokens')
-
 module.exports = {
   source: [
     '../../node_modules/@department-of-veterans-affairs/css-library/dist/tokens/json/variables.json',
     'src/tokens/color/uswds.json',
+    'src/tokens/color/semantic-light.json',
+    'src/tokens/color/component-light.json',
+    'src/tokens/color/semantic-dark.json',
+    'src/tokens/color/component-dark.json',
   ],
   platforms: {
     rn: {
@@ -15,23 +16,30 @@ module.exports = {
         {
           destination: 'js/index.js',
           format: 'javascript/es6/vads-colors',
-          filter: 'isUniqueColor',
+          filter: 'filter/color/is-color',
         },
         {
           destination: 'index.d.ts',
           format: 'typescript/es6-declarations/colors',
-          filter: 'isUniqueColor',
+          filter: 'filter/color/is-color',
         },
       ],
     },
     figma: {
       transformGroup: 'figma',
       buildPath: './figma/',
-      files: tokenCategories.map((tokenCategory) => ({
-        destination: `${tokenCategory}.json`,
-        format: 'json/dtcg',
-        filter: 'isUniqueColor',
-      })),
+      files: [
+        {
+          destination: `light.json`,
+          format: 'json/dtcg',
+          filter: 'filter/color/light-mode',
+        },
+        {
+          destination: `dark.json`,
+          format: 'json/dtcg',
+          filter: 'filter/color/dark-mode',
+        },
+      ],
     },
   },
 }
diff --git a/packages/tokens/figma/color.json b/packages/tokens/figma/color.json
deleted file mode 100644
index 030a3b64..00000000
--- a/packages/tokens/figma/color.json
+++ /dev/null
@@ -1,278 +0,0 @@
-{
-  "base": {
-    "$value": "#1b1b1b",
-    "$type": "color"
-  },
-  "white": {
-    "$value": "#ffffff",
-    "$type": "color"
-  },
-  "black": {
-    "$value": "#000000",
-    "$type": "color"
-  },
-  "linkDefault": {
-    "$value": "#005ea2",
-    "$type": "color"
-  },
-  "linkDefaultHover": {
-    "$value": "rgba(#000000, 0.05)",
-    "$type": "color"
-  },
-  "linkVisited": {
-    "$value": "#54278f",
-    "$type": "color"
-  },
-  "warningMessage": {
-    "$value": "#faf3d1",
-    "$type": "color"
-  },
-  "feedbackWarningBackground": {
-    "$value": "#faf3d1",
-    "$type": "color"
-  },
-  "primary": {
-    "$value": "#005ea2",
-    "$type": "color"
-  },
-  "primaryDark": {
-    "$value": "#1a4480",
-    "$type": "color"
-  },
-  "primaryDarker": {
-    "$value": "#162e51",
-    "$type": "color"
-  },
-  "primaryAlt": {
-    "$value": "#00bde3",
-    "$type": "color"
-  },
-  "primaryAltDark": {
-    "$value": "#28a0cb",
-    "$type": "color"
-  },
-  "primaryAltDarkest": {
-    "$value": "#07648d",
-    "$type": "color"
-  },
-  "primaryAltLight": {
-    "$value": "#97d4ea",
-    "$type": "color"
-  },
-  "primaryAltLightest": {
-    "$value": "#e1f3f8",
-    "$type": "color"
-  },
-  "secondary": {
-    "$value": "#d83933",
-    "$type": "color"
-  },
-  "secondaryDark": {
-    "$value": "#b50909",
-    "$type": "color"
-  },
-  "secondaryDarkest": {
-    "$value": "#8b0a03",
-    "$type": "color"
-  },
-  "secondaryLight": {
-    "$value": "#f2938c",
-    "$type": "color"
-  },
-  "secondaryLightest": {
-    "$value": "#f8dfe2",
-    "$type": "color"
-  },
-  "gray": {
-    "$value": "#565c65",
-    "$type": "color"
-  },
-  "grayDark": {
-    "$value": "#3d4551",
-    "$type": "color"
-  },
-  "grayMedium": {
-    "$value": "#757575",
-    "$type": "color"
-  },
-  "grayLight": {
-    "$value": "#a9aeb1",
-    "$type": "color"
-  },
-  "grayLightAlt": {
-    "$value": "#edeff0",
-    "$type": "color"
-  },
-  "grayLighter": {
-    "$value": "#dfe1e2",
-    "$type": "color"
-  },
-  "grayLightest": {
-    "$value": "#f0f0f0",
-    "$type": "color"
-  },
-  "grayWarmDark": {
-    "$value": "#454540",
-    "$type": "color"
-  },
-  "grayWarmLight": {
-    "$value": "#e6e6e2",
-    "$type": "color"
-  },
-  "grayCoolLight": {
-    "$value": "#e1e7f1",
-    "$type": "color"
-  },
-  "green": {
-    "$value": "#008817",
-    "$type": "color"
-  },
-  "greenDark": {
-    "$value": "#216e1f",
-    "$type": "color"
-  },
-  "greenDarker": {
-    "$value": "#154c21",
-    "$type": "color"
-  },
-  "greenLight": {
-    "$value": "#5e9f69",
-    "$type": "color"
-  },
-  "greenLighter": {
-    "$value": "#b4d0b9",
-    "$type": "color"
-  },
-  "greenLightest": {
-    "$value": "#ecf3ec",
-    "$type": "color"
-  },
-  "orange": {
-    "$value": "#dd7533",
-    "$type": "color"
-  },
-  "gold": {
-    "$value": "#ffbe2e",
-    "$type": "color"
-  },
-  "goldLight": {
-    "$value": "#face00",
-    "$type": "color"
-  },
-  "goldLighter": {
-    "$value": "#ffe396",
-    "$type": "color"
-  },
-  "goldLightest": {
-    "$value": "#fef0c8",
-    "$type": "color"
-  },
-  "goldDarker": {
-    "$value": "#936f38",
-    "$type": "color"
-  },
-  "blueCool": {
-    "$value": "#345d96",
-    "$type": "color"
-  },
-  "blueCoolLight": {
-    "$value": "#4a77b4",
-    "$type": "color"
-  },
-  "blueCoolLighter": {
-    "$value": "#98afd2",
-    "$type": "color"
-  },
-  "blueCoolLightest": {
-    "$value": "#e6e6e2",
-    "$type": "color"
-  },
-  "hubHealthCare": {
-    "$value": "#3f57a6",
-    "$type": "color"
-  },
-  "hubEducation": {
-    "$value": "#40807e",
-    "$type": "color"
-  },
-  "hubDisability": {
-    "$value": "#a23737",
-    "$type": "color"
-  },
-  "hubCareers": {
-    "$value": "#bd5727",
-    "$type": "color"
-  },
-  "hubPension": {
-    "$value": "#4d8055",
-    "$type": "color"
-  },
-  "hubHousing": {
-    "$value": "#8e704f",
-    "$type": "color"
-  },
-  "hubLifeInsurance": {
-    "$value": "#6f7a41",
-    "$type": "color"
-  },
-  "hubBurials": {
-    "$value": "#2378c3",
-    "$type": "color"
-  },
-  "hubFamilyMember": {
-    "$value": "#162e51",
-    "$type": "color"
-  },
-  "hubServiceMember": {
-    "$value": "#162e51",
-    "$type": "color"
-  },
-  "uswdsBlueVivid5": {
-    "$value": "#e8f5ff",
-    "$type": "color"
-  },
-  "uswdsBlueVivid10": {
-    "$value": "#cfe8ff",
-    "$type": "color"
-  },
-  "uswdsBlueVivid20": {
-    "$value": "#a1d3ff",
-    "$type": "color"
-  },
-  "uswdsBlueVivid30": {
-    "$value": "#58b4ff",
-    "$type": "color"
-  },
-  "uswdsBlueVivid80": {
-    "$value": "#112f4e",
-    "$type": "color"
-  },
-  "uswdsGray30": {
-    "$value": "#adadad",
-    "$type": "color"
-  },
-  "uswdsGray80": {
-    "$value": "#2e2e2e",
-    "$type": "color"
-  },
-  "uswdsGrayWarm90": {
-    "$value": "#171716",
-    "$type": "color"
-  },
-  "uswdsGreenCoolVivid80": {
-    "$value": "#19311e",
-    "$type": "color"
-  },
-  "uswdsRedVivid40": {
-    "$value": "#fb5a47",
-    "$type": "color"
-  },
-  "uswdsRedVivid80": {
-    "$value": "#5c1111",
-    "$type": "color"
-  },
-  "uswdsYellowVivid70": {
-    "$value": "#5c4809",
-    "$type": "color"
-  }
-}
diff --git a/packages/tokens/figma/dark.json b/packages/tokens/figma/dark.json
new file mode 100644
index 00000000..28a178b6
--- /dev/null
+++ b/packages/tokens/figma/dark.json
@@ -0,0 +1,770 @@
+{
+  "button-primary-background-on-dark": {
+    "$value": "{semantic-test-on-dark}",
+    "$type": "color"
+  },
+  "color-link-default-hover": {
+    "$value": "rgba({uswds-system-color-gray-100}, {color-link-default-hover.alpha})",
+    "$type": "color"
+  },
+  "semantic-test-2-on-dark": {
+    "$value": "{vads-color-base}",
+    "$type": "color"
+  },
+  "semantic-test-on-dark": {
+    "$value": "{uswds-system-color-blue-vivid-60}",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-10": {
+    "$value": "#d9e8f6",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-20": {
+    "$value": "#aacdec",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-30": {
+    "$value": "#73b3e7",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-40": {
+    "$value": "#4f97d1",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-5": {
+    "$value": "#eff6fb",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-50": {
+    "$value": "#2378c3",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-60": {
+    "$value": "#2c608a",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-70": {
+    "$value": "#274863",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-80": {
+    "$value": "#1f303e",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-90": {
+    "$value": "#11181d",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-cool-60": {
+    "$value": "#2e6276",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-cool-vivid-20": {
+    "$value": "#97d4ea",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-cool-vivid-40": {
+    "$value": "#28a0cb",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-cool-vivid-5": {
+    "$value": "#e1f3f8",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-cool-vivid-60": {
+    "$value": "#07648d",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-10": {
+    "$value": "#cfe8ff",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-20": {
+    "$value": "#a1d3ff",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-30": {
+    "$value": "#58b4ff",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-5": {
+    "$value": "#e8f5ff",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-50": {
+    "$value": "#0076d6",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-60": {
+    "$value": "#005ea2",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-70": {
+    "$value": "#0b4778",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-80": {
+    "$value": "#112f4e",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-10": {
+    "$value": "#e1e7f1",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-30": {
+    "$value": "#98afd2",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-50": {
+    "$value": "#4a77b4",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-60": {
+    "$value": "#345d96",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-vivid-60": {
+    "$value": "#0050d8",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-vivid-70": {
+    "$value": "#1a4480",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-vivid-80": {
+    "$value": "#162e51",
+    "$type": "color"
+  },
+  "uswds-system-color-cyan-20": {
+    "$value": "#99deea",
+    "$type": "color"
+  },
+  "uswds-system-color-cyan-5": {
+    "$value": "#e7f6f8",
+    "$type": "color"
+  },
+  "uswds-system-color-cyan-vivid-30": {
+    "$value": "#00bde3",
+    "$type": "color"
+  },
+  "uswds-system-color-cyan-vivid-40": {
+    "$value": "#009ec1",
+    "$type": "color"
+  },
+  "uswds-system-color-gold-50": {
+    "$value": "#8e704f",
+    "$type": "color"
+  },
+  "uswds-system-color-gold-vivid-10": {
+    "$value": "#ffe396",
+    "$type": "color"
+  },
+  "uswds-system-color-gold-vivid-20": {
+    "$value": "#ffbe2e",
+    "$type": "color"
+  },
+  "uswds-system-color-gold-vivid-30": {
+    "$value": "#e5a000",
+    "$type": "color"
+  },
+  "uswds-system-color-gold-vivid-5": {
+    "$value": "#fef0c8",
+    "$type": "color"
+  },
+  "uswds-system-color-gold-vivid-50": {
+    "$value": "#936f38",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-1": {
+    "$value": "#fcfcfc",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-10": {
+    "$value": "#e6e6e6",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-100": {
+    "$value": "#000000",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-2": {
+    "$value": "#f9f9f9",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-20": {
+    "$value": "#c9c9c9",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-3": {
+    "$value": "#f6f6f6",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-30": {
+    "$value": "#adadad",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-4": {
+    "$value": "#f3f3f3",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-40": {
+    "$value": "#919191",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-5": {
+    "$value": "#f0f0f0",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-50": {
+    "$value": "#757575",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-60": {
+    "$value": "#5c5c5c",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-70": {
+    "$value": "#454545",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-80": {
+    "$value": "#2e2e2e",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-90": {
+    "$value": "#1b1b1b",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-1": {
+    "$value": "#fbfcfd",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-10": {
+    "$value": "#dfe1e2",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-2": {
+    "$value": "#f7f9fa",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-20": {
+    "$value": "#c6cace",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-3": {
+    "$value": "#f5f6f7",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-30": {
+    "$value": "#a9aeb1",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-4": {
+    "$value": "#f1f3f6",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-40": {
+    "$value": "#8d9297",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-5": {
+    "$value": "#edeff0",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-50": {
+    "$value": "#71767a",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-60": {
+    "$value": "#565c65",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-70": {
+    "$value": "#3d4551",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-80": {
+    "$value": "#2d2e2f",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-90": {
+    "$value": "#1c1d1f",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-warm-10": {
+    "$value": "#e6e6e2",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-warm-70": {
+    "$value": "#454540",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-warm-90": {
+    "$value": "#171716",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-20": {
+    "$value": "#b4d0b9",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-40": {
+    "$value": "#5e9f69",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-5": {
+    "$value": "#ecf3ec",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-50": {
+    "$value": "#4d8055",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-vivid-20": {
+    "$value": "#70e17b",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-vivid-40": {
+    "$value": "#00a91c",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-vivid-50": {
+    "$value": "#008817",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-vivid-60": {
+    "$value": "#216e1f",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-vivid-70": {
+    "$value": "#154c21",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-vivid-80": {
+    "$value": "#19311e",
+    "$type": "color"
+  },
+  "uswds-system-color-green-warm-50": {
+    "$value": "#6f7a41",
+    "$type": "color"
+  },
+  "uswds-system-color-indigo-cool-60": {
+    "$value": "#3f57a6",
+    "$type": "color"
+  },
+  "uswds-system-color-mint-cool-50": {
+    "$value": "#40807e",
+    "$type": "color"
+  },
+  "uswds-system-color-orange-40": {
+    "$value": "#dd7533",
+    "$type": "color"
+  },
+  "uswds-system-color-orange-warm-50": {
+    "$value": "#bd5727",
+    "$type": "color"
+  },
+  "uswds-system-color-red-30": {
+    "$value": "#f2938c",
+    "$type": "color"
+  },
+  "uswds-system-color-red-50": {
+    "$value": "#d83933",
+    "$type": "color"
+  },
+  "uswds-system-color-red-60": {
+    "$value": "#a23737",
+    "$type": "color"
+  },
+  "uswds-system-color-red-70": {
+    "$value": "#6f3331",
+    "$type": "color"
+  },
+  "uswds-system-color-red-cool-10v": {
+    "$value": "#f8dfe2",
+    "$type": "color"
+  },
+  "uswds-system-color-red-cool-vivid-10": {
+    "$value": "#f8dfe2",
+    "$type": "color"
+  },
+  "uswds-system-color-red-cool-vivid-50": {
+    "$value": "#e41d3d",
+    "$type": "color"
+  },
+  "uswds-system-color-red-cool-vivid-60": {
+    "$value": "#b21d38",
+    "$type": "color"
+  },
+  "uswds-system-color-red-cool-vivid-70": {
+    "$value": "#822133",
+    "$type": "color"
+  },
+  "uswds-system-color-red-vivid-40": {
+    "$value": "#fb5a47",
+    "$type": "color"
+  },
+  "uswds-system-color-red-vivid-60": {
+    "$value": "#b50909",
+    "$type": "color"
+  },
+  "uswds-system-color-red-vivid-70": {
+    "$value": "#8b0a03",
+    "$type": "color"
+  },
+  "uswds-system-color-red-vivid-80": {
+    "$value": "#5c1111",
+    "$type": "color"
+  },
+  "uswds-system-color-red-warm-10": {
+    "$value": "#f4e3db",
+    "$type": "color"
+  },
+  "uswds-system-color-red-warm-80": {
+    "$value": "#332d29",
+    "$type": "color"
+  },
+  "uswds-system-color-red-warm-vivid-30": {
+    "$value": "#f39268",
+    "$type": "color"
+  },
+  "uswds-system-color-red-warm-vivid-50": {
+    "$value": "#d54309",
+    "$type": "color"
+  },
+  "uswds-system-color-red-warm-vivid-60": {
+    "$value": "#9c3d10",
+    "$type": "color"
+  },
+  "uswds-system-color-violet-vivid-70": {
+    "$value": "#54278f",
+    "$type": "color"
+  },
+  "uswds-system-color-violet-warm-60": {
+    "$value": "#864381",
+    "$type": "color"
+  },
+  "uswds-system-color-yellow-5": {
+    "$value": "#faf3d1",
+    "$type": "color"
+  },
+  "uswds-system-color-yellow-50": {
+    "$value": "#8a7237",
+    "$type": "color"
+  },
+  "uswds-system-color-yellow-vivid-10": {
+    "$value": "#fee685",
+    "$type": "color"
+  },
+  "uswds-system-color-yellow-vivid-20": {
+    "$value": "#face00",
+    "$type": "color"
+  },
+  "uswds-system-color-yellow-vivid-70": {
+    "$value": "#5c4809",
+    "$type": "color"
+  },
+  "vads-color-base": {
+    "$value": "{uswds-system-color-gray-90}",
+    "$type": "color"
+  },
+  "vads-color-base-dark": {
+    "$value": "{uswds-system-color-gray-cool-60}",
+    "$type": "color"
+  },
+  "vads-color-base-darker": {
+    "$value": "{uswds-system-color-gray-cool-70}",
+    "$type": "color"
+  },
+  "vads-color-base-darkest": {
+    "$value": "{uswds-system-color-gray-90}",
+    "$type": "color"
+  },
+  "vads-color-base-light": {
+    "$value": "{uswds-system-color-gray-cool-30}",
+    "$type": "color"
+  },
+  "vads-color-base-lighter": {
+    "$value": "{uswds-system-color-gray-cool-10}",
+    "$type": "color"
+  },
+  "vads-color-base-lightest": {
+    "$value": "{uswds-system-color-gray-5}",
+    "$type": "color"
+  },
+  "vads-color-black": {
+    "$value": "{uswds-system-color-gray-100}",
+    "$type": "color"
+  },
+  "vads-color-blue-cool": {
+    "$value": "{uswds-system-color-blue-warm-60}",
+    "$type": "color"
+  },
+  "vads-color-blue-cool-light": {
+    "$value": "{uswds-system-color-blue-warm-50}",
+    "$type": "color"
+  },
+  "vads-color-blue-cool-lightest": {
+    "$value": "{uswds-system-color-blue-warm-30}",
+    "$type": "color"
+  },
+  "vads-color-emergency": {
+    "$value": "{uswds-system-color-red-warm-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-emergency-dark": {
+    "$value": "{uswds-system-color-red-warm-80}",
+    "$type": "color"
+  },
+  "vads-color-error": {
+    "$value": "{uswds-system-color-red-warm-vivid-50}",
+    "$type": "color"
+  },
+  "vads-color-error-dark": {
+    "$value": "{uswds-system-color-red-cool-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-error-darker": {
+    "$value": "{uswds-system-color-red-70}",
+    "$type": "color"
+  },
+  "vads-color-error-light": {
+    "$value": "{uswds-system-color-red-warm-vivid-30}",
+    "$type": "color"
+  },
+  "vads-color-error-lighter": {
+    "$value": "{uswds-system-color-red-warm-10}",
+    "$type": "color"
+  },
+  "vads-color-gibill-accent": {
+    "$value": "{uswds-system-color-gold-vivid-5}",
+    "$type": "color"
+  },
+  "vads-color-gold-lighter": {
+    "$value": "{uswds-system-color-gold-vivid-10}",
+    "$type": "color"
+  },
+  "vads-color-gold-lightest": {
+    "$value": "{uswds-system-color-gold-vivid-5}",
+    "$type": "color"
+  },
+  "vads-color-gray-cool-light": {
+    "$value": "{uswds-system-color-blue-warm-10}",
+    "$type": "color"
+  },
+  "vads-color-gray-light-alt": {
+    "$value": "{uswds-system-color-gray-cool-5}",
+    "$type": "color"
+  },
+  "vads-color-gray-medium": {
+    "$value": "{uswds-system-color-gray-50}",
+    "$type": "color"
+  },
+  "vads-color-gray-warm-dark": {
+    "$value": "{uswds-system-color-gray-warm-70}",
+    "$type": "color"
+  },
+  "vads-color-gray-warm-light": {
+    "$value": "{uswds-system-color-gray-warm-10}",
+    "$type": "color"
+  },
+  "vads-color-green-light": {
+    "$value": "{uswds-system-color-green-cool-40}",
+    "$type": "color"
+  },
+  "vads-color-green-lighter": {
+    "$value": "{uswds-system-color-green-cool-20}",
+    "$type": "color"
+  },
+  "vads-color-hub-burials": {
+    "$value": "{uswds-system-color-blue-50}",
+    "$type": "color"
+  },
+  "vads-color-hub-careers": {
+    "$value": "{uswds-system-color-orange-warm-50}",
+    "$type": "color"
+  },
+  "vads-color-hub-disability": {
+    "$value": "{uswds-system-color-red-60}",
+    "$type": "color"
+  },
+  "vads-color-hub-education": {
+    "$value": "{uswds-system-color-blue-warm-vivid-80}",
+    "$type": "color"
+  },
+  "vads-color-hub-family-member": {
+    "$value": "{uswds-system-color-blue-warm-vivid-80}",
+    "$type": "color"
+  },
+  "vads-color-hub-health-care": {
+    "$value": "{uswds-system-color-indigo-cool-60}",
+    "$type": "color"
+  },
+  "vads-color-hub-housing": {
+    "$value": "{uswds-system-color-gold-50}",
+    "$type": "color"
+  },
+  "vads-color-hub-life-insurance": {
+    "$value": "{uswds-system-color-green-warm-50}",
+    "$type": "color"
+  },
+  "vads-color-hub-pension": {
+    "$value": "{uswds-system-color-green-cool-50}",
+    "$type": "color"
+  },
+  "vads-color-hub-records": {
+    "$value": "{uswds-system-color-green-warm-50}",
+    "$type": "color"
+  },
+  "vads-color-hub-service-member": {
+    "$value": "{uswds-system-color-blue-warm-vivid-80}",
+    "$type": "color"
+  },
+  "vads-color-info": {
+    "$value": "{uswds-system-color-cyan-vivid-30}",
+    "$type": "color"
+  },
+  "vads-color-info-dark": {
+    "$value": "{uswds-system-color-cyan-vivid-40}",
+    "$type": "color"
+  },
+  "vads-color-info-darker": {
+    "$value": "{uswds-system-color-blue-cool-60}",
+    "$type": "color"
+  },
+  "vads-color-info-light": {
+    "$value": "{uswds-system-color-cyan-20}",
+    "$type": "color"
+  },
+  "vads-color-info-lighter": {
+    "$value": "{uswds-system-color-cyan-5}",
+    "$type": "color"
+  },
+  "vads-color-ink": {
+    "$value": "{uswds-system-color-gray-90}",
+    "$type": "color"
+  },
+  "vads-color-inset-bg": {
+    "$value": "{uswds-system-color-cyan-5}",
+    "$type": "color"
+  },
+  "vads-color-link": {
+    "$value": "{uswds-system-color-blue-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-link-active": {
+    "$value": "{uswds-system-color-blue-vivid-70}",
+    "$type": "color"
+  },
+  "vads-color-link-visited": {
+    "$value": "{uswds-system-color-violet-vivid-70}",
+    "$type": "color"
+  },
+  "vads-color-primary": {
+    "$value": "{uswds-system-color-blue-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-primary-alt": {
+    "$value": "{uswds-system-color-cyan-vivid-30}",
+    "$type": "color"
+  },
+  "vads-color-primary-alt-dark": {
+    "$value": "{uswds-system-color-blue-cool-vivid-40}",
+    "$type": "color"
+  },
+  "vads-color-primary-alt-darkest": {
+    "$value": "{uswds-system-color-blue-cool-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-primary-alt-light": {
+    "$value": "{uswds-system-color-blue-cool-vivid-20}",
+    "$type": "color"
+  },
+  "vads-color-primary-alt-lightest": {
+    "$value": "{uswds-system-color-blue-cool-vivid-5}",
+    "$type": "color"
+  },
+  "vads-color-primary-dark": {
+    "$value": "{uswds-system-color-blue-warm-vivid-70}",
+    "$type": "color"
+  },
+  "vads-color-primary-darker": {
+    "$value": "{uswds-system-color-blue-warm-vivid-80}",
+    "$type": "color"
+  },
+  "vads-color-primary-light": {
+    "$value": "{uswds-system-color-blue-30}",
+    "$type": "color"
+  },
+  "vads-color-primary-lighter": {
+    "$value": "{uswds-system-color-blue-10}",
+    "$type": "color"
+  },
+  "vads-color-secondary": {
+    "$value": "{uswds-system-color-red-50}",
+    "$type": "color"
+  },
+  "vads-color-secondary-dark": {
+    "$value": "{uswds-system-color-red-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-secondary-darkest": {
+    "$value": "{uswds-system-color-red-vivid-70}",
+    "$type": "color"
+  },
+  "vads-color-secondary-light": {
+    "$value": "{uswds-system-color-red-30}",
+    "$type": "color"
+  },
+  "vads-color-secondary-lightest": {
+    "$value": "{uswds-system-color-red-cool-10v}",
+    "$type": "color"
+  },
+  "vads-color-success": {
+    "$value": "{uswds-system-color-green-cool-vivid-40}",
+    "$type": "color"
+  },
+  "vads-color-success-dark": {
+    "$value": "{uswds-system-color-green-cool-vivid-50}",
+    "$type": "color"
+  },
+  "vads-color-success-darker": {
+    "$value": "{uswds-system-color-green-cool-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-success-light": {
+    "$value": "{uswds-system-color-green-cool-vivid-20}",
+    "$type": "color"
+  },
+  "vads-color-success-lighter": {
+    "$value": "{uswds-system-color-green-cool-5}",
+    "$type": "color"
+  },
+  "vads-color-va-accent": {
+    "$value": "{uswds-system-color-yellow-50}",
+    "$type": "color"
+  },
+  "vads-color-warning": {
+    "$value": "{uswds-system-color-gold-vivid-20}",
+    "$type": "color"
+  },
+  "vads-color-warning-dark": {
+    "$value": "{uswds-system-color-gold-vivid-30}",
+    "$type": "color"
+  },
+  "vads-color-warning-darker": {
+    "$value": "{uswds-system-color-gold-vivid-50}",
+    "$type": "color"
+  },
+  "vads-color-warning-light": {
+    "$value": "{uswds-system-color-yellow-vivid-10}",
+    "$type": "color"
+  },
+  "vads-color-warning-lighter": {
+    "$value": "{uswds-system-color-yellow-5}",
+    "$type": "color"
+  },
+  "vads-color-white": {
+    "$value": "#ffffff",
+    "$type": "color"
+  }
+}
diff --git a/packages/tokens/figma/light.json b/packages/tokens/figma/light.json
new file mode 100644
index 00000000..5dcb55c7
--- /dev/null
+++ b/packages/tokens/figma/light.json
@@ -0,0 +1,802 @@
+{
+  "button-primary-background-on-light": {
+    "$value": "{semantic-test-on-light}",
+    "$type": "color"
+  },
+  "color-link-default-hover": {
+    "$value": "rgba({uswds-system-color-gray-100}, {color-link-default-hover.alpha})",
+    "$type": "color"
+  },
+  "semantic-test-2-on-light": {
+    "$value": "{vads-color-base}",
+    "$type": "color"
+  },
+  "semantic-test-on-light": {
+    "$value": "{uswds-system-color-blue-vivid-60}",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-10": {
+    "$value": "#d9e8f6",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-20": {
+    "$value": "#aacdec",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-30": {
+    "$value": "#73b3e7",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-40": {
+    "$value": "#4f97d1",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-5": {
+    "$value": "#eff6fb",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-50": {
+    "$value": "#2378c3",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-60": {
+    "$value": "#2c608a",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-70": {
+    "$value": "#274863",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-80": {
+    "$value": "#1f303e",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-90": {
+    "$value": "#11181d",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-cool-60": {
+    "$value": "#2e6276",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-cool-vivid-20": {
+    "$value": "#97d4ea",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-cool-vivid-40": {
+    "$value": "#28a0cb",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-cool-vivid-5": {
+    "$value": "#e1f3f8",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-cool-vivid-60": {
+    "$value": "#07648d",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-10": {
+    "$value": "#cfe8ff",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-20": {
+    "$value": "#a1d3ff",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-30": {
+    "$value": "#58b4ff",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-5": {
+    "$value": "#e8f5ff",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-50": {
+    "$value": "#0076d6",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-60": {
+    "$value": "#005ea2",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-70": {
+    "$value": "#0b4778",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-vivid-80": {
+    "$value": "#112f4e",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-10": {
+    "$value": "#e1e7f1",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-30": {
+    "$value": "#98afd2",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-50": {
+    "$value": "#4a77b4",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-60": {
+    "$value": "#345d96",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-vivid-60": {
+    "$value": "#0050d8",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-vivid-70": {
+    "$value": "#1a4480",
+    "$type": "color"
+  },
+  "uswds-system-color-blue-warm-vivid-80": {
+    "$value": "#162e51",
+    "$type": "color"
+  },
+  "uswds-system-color-cyan-20": {
+    "$value": "#99deea",
+    "$type": "color"
+  },
+  "uswds-system-color-cyan-5": {
+    "$value": "#e7f6f8",
+    "$type": "color"
+  },
+  "uswds-system-color-cyan-vivid-30": {
+    "$value": "#00bde3",
+    "$type": "color"
+  },
+  "uswds-system-color-cyan-vivid-40": {
+    "$value": "#009ec1",
+    "$type": "color"
+  },
+  "uswds-system-color-gold-50": {
+    "$value": "#8e704f",
+    "$type": "color"
+  },
+  "uswds-system-color-gold-vivid-10": {
+    "$value": "#ffe396",
+    "$type": "color"
+  },
+  "uswds-system-color-gold-vivid-20": {
+    "$value": "#ffbe2e",
+    "$type": "color"
+  },
+  "uswds-system-color-gold-vivid-30": {
+    "$value": "#e5a000",
+    "$type": "color"
+  },
+  "uswds-system-color-gold-vivid-5": {
+    "$value": "#fef0c8",
+    "$type": "color"
+  },
+  "uswds-system-color-gold-vivid-50": {
+    "$value": "#936f38",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-1": {
+    "$value": "#fcfcfc",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-10": {
+    "$value": "#e6e6e6",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-100": {
+    "$value": "#000000",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-2": {
+    "$value": "#f9f9f9",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-20": {
+    "$value": "#c9c9c9",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-3": {
+    "$value": "#f6f6f6",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-30": {
+    "$value": "#adadad",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-4": {
+    "$value": "#f3f3f3",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-40": {
+    "$value": "#919191",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-5": {
+    "$value": "#f0f0f0",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-50": {
+    "$value": "#757575",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-60": {
+    "$value": "#5c5c5c",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-70": {
+    "$value": "#454545",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-80": {
+    "$value": "#2e2e2e",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-90": {
+    "$value": "#1b1b1b",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-1": {
+    "$value": "#fbfcfd",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-10": {
+    "$value": "#dfe1e2",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-2": {
+    "$value": "#f7f9fa",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-20": {
+    "$value": "#c6cace",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-3": {
+    "$value": "#f5f6f7",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-30": {
+    "$value": "#a9aeb1",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-4": {
+    "$value": "#f1f3f6",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-40": {
+    "$value": "#8d9297",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-5": {
+    "$value": "#edeff0",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-50": {
+    "$value": "#71767a",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-60": {
+    "$value": "#565c65",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-70": {
+    "$value": "#3d4551",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-80": {
+    "$value": "#2d2e2f",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-cool-90": {
+    "$value": "#1c1d1f",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-warm-10": {
+    "$value": "#e6e6e2",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-warm-70": {
+    "$value": "#454540",
+    "$type": "color"
+  },
+  "uswds-system-color-gray-warm-90": {
+    "$value": "#171716",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-20": {
+    "$value": "#b4d0b9",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-40": {
+    "$value": "#5e9f69",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-5": {
+    "$value": "#ecf3ec",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-50": {
+    "$value": "#4d8055",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-vivid-20": {
+    "$value": "#70e17b",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-vivid-40": {
+    "$value": "#00a91c",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-vivid-50": {
+    "$value": "#008817",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-vivid-60": {
+    "$value": "#216e1f",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-vivid-70": {
+    "$value": "#154c21",
+    "$type": "color"
+  },
+  "uswds-system-color-green-cool-vivid-80": {
+    "$value": "#19311e",
+    "$type": "color"
+  },
+  "uswds-system-color-green-warm-50": {
+    "$value": "#6f7a41",
+    "$type": "color"
+  },
+  "uswds-system-color-indigo-cool-60": {
+    "$value": "#3f57a6",
+    "$type": "color"
+  },
+  "uswds-system-color-mint-cool-50": {
+    "$value": "#40807e",
+    "$type": "color"
+  },
+  "uswds-system-color-orange-40": {
+    "$value": "#dd7533",
+    "$type": "color"
+  },
+  "uswds-system-color-orange-warm-50": {
+    "$value": "#bd5727",
+    "$type": "color"
+  },
+  "uswds-system-color-red-30": {
+    "$value": "#f2938c",
+    "$type": "color"
+  },
+  "uswds-system-color-red-50": {
+    "$value": "#d83933",
+    "$type": "color"
+  },
+  "uswds-system-color-red-60": {
+    "$value": "#a23737",
+    "$type": "color"
+  },
+  "uswds-system-color-red-70": {
+    "$value": "#6f3331",
+    "$type": "color"
+  },
+  "uswds-system-color-red-cool-10v": {
+    "$value": "#f8dfe2",
+    "$type": "color"
+  },
+  "uswds-system-color-red-cool-vivid-10": {
+    "$value": "#f8dfe2",
+    "$type": "color"
+  },
+  "uswds-system-color-red-cool-vivid-50": {
+    "$value": "#e41d3d",
+    "$type": "color"
+  },
+  "uswds-system-color-red-cool-vivid-60": {
+    "$value": "#b21d38",
+    "$type": "color"
+  },
+  "uswds-system-color-red-cool-vivid-70": {
+    "$value": "#822133",
+    "$type": "color"
+  },
+  "uswds-system-color-red-vivid-40": {
+    "$value": "#fb5a47",
+    "$type": "color"
+  },
+  "uswds-system-color-red-vivid-60": {
+    "$value": "#b50909",
+    "$type": "color"
+  },
+  "uswds-system-color-red-vivid-70": {
+    "$value": "#8b0a03",
+    "$type": "color"
+  },
+  "uswds-system-color-red-vivid-80": {
+    "$value": "#5c1111",
+    "$type": "color"
+  },
+  "uswds-system-color-red-warm-10": {
+    "$value": "#f4e3db",
+    "$type": "color"
+  },
+  "uswds-system-color-red-warm-80": {
+    "$value": "#332d29",
+    "$type": "color"
+  },
+  "uswds-system-color-red-warm-vivid-30": {
+    "$value": "#f39268",
+    "$type": "color"
+  },
+  "uswds-system-color-red-warm-vivid-50": {
+    "$value": "#d54309",
+    "$type": "color"
+  },
+  "uswds-system-color-red-warm-vivid-60": {
+    "$value": "#9c3d10",
+    "$type": "color"
+  },
+  "uswds-system-color-violet-vivid-70": {
+    "$value": "#54278f",
+    "$type": "color"
+  },
+  "uswds-system-color-violet-warm-60": {
+    "$value": "#864381",
+    "$type": "color"
+  },
+  "uswds-system-color-yellow-5": {
+    "$value": "#faf3d1",
+    "$type": "color"
+  },
+  "uswds-system-color-yellow-50": {
+    "$value": "#8a7237",
+    "$type": "color"
+  },
+  "uswds-system-color-yellow-vivid-10": {
+    "$value": "#fee685",
+    "$type": "color"
+  },
+  "uswds-system-color-yellow-vivid-20": {
+    "$value": "#face00",
+    "$type": "color"
+  },
+  "uswds-system-color-yellow-vivid-70": {
+    "$value": "#5c4809",
+    "$type": "color"
+  },
+  "vads-button-color-background-primary-alt-active-on-light": {
+    "$value": "{uswds-system-color-green-cool-vivid-70}",
+    "$type": "color"
+  },
+  "vads-button-color-background-secondary-on-light": {
+    "$value": "#ffffff",
+    "$type": "color"
+  },
+  "vads-button-color-text-primary-alt-on-light": {
+    "$value": "#ffffff",
+    "$type": "color"
+  },
+  "vads-button-color-text-primary-on-light": {
+    "$value": "#ffffff",
+    "$type": "color"
+  },
+  "vads-color-action-focus-on-light": {
+    "$value": "{uswds-system-color-yellow-vivid-20}",
+    "$type": "color"
+  },
+  "vads-color-base": {
+    "$value": "{uswds-system-color-gray-90}",
+    "$type": "color"
+  },
+  "vads-color-base-dark": {
+    "$value": "{uswds-system-color-gray-cool-60}",
+    "$type": "color"
+  },
+  "vads-color-base-darker": {
+    "$value": "{uswds-system-color-gray-cool-70}",
+    "$type": "color"
+  },
+  "vads-color-base-darkest": {
+    "$value": "{uswds-system-color-gray-90}",
+    "$type": "color"
+  },
+  "vads-color-base-light": {
+    "$value": "{uswds-system-color-gray-cool-30}",
+    "$type": "color"
+  },
+  "vads-color-base-lighter": {
+    "$value": "{uswds-system-color-gray-cool-10}",
+    "$type": "color"
+  },
+  "vads-color-base-lightest": {
+    "$value": "{uswds-system-color-gray-5}",
+    "$type": "color"
+  },
+  "vads-color-black": {
+    "$value": "{uswds-system-color-gray-100}",
+    "$type": "color"
+  },
+  "vads-color-blue-cool": {
+    "$value": "{uswds-system-color-blue-warm-60}",
+    "$type": "color"
+  },
+  "vads-color-blue-cool-light": {
+    "$value": "{uswds-system-color-blue-warm-50}",
+    "$type": "color"
+  },
+  "vads-color-blue-cool-lightest": {
+    "$value": "{uswds-system-color-blue-warm-30}",
+    "$type": "color"
+  },
+  "vads-color-emergency": {
+    "$value": "{uswds-system-color-red-warm-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-emergency-dark": {
+    "$value": "{uswds-system-color-red-warm-80}",
+    "$type": "color"
+  },
+  "vads-color-error": {
+    "$value": "{uswds-system-color-red-warm-vivid-50}",
+    "$type": "color"
+  },
+  "vads-color-error-dark": {
+    "$value": "{uswds-system-color-red-cool-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-error-darker": {
+    "$value": "{uswds-system-color-red-70}",
+    "$type": "color"
+  },
+  "vads-color-error-light": {
+    "$value": "{uswds-system-color-red-warm-vivid-30}",
+    "$type": "color"
+  },
+  "vads-color-error-lighter": {
+    "$value": "{uswds-system-color-red-warm-10}",
+    "$type": "color"
+  },
+  "vads-color-gibill-accent": {
+    "$value": "{uswds-system-color-gold-vivid-5}",
+    "$type": "color"
+  },
+  "vads-color-gold-lighter": {
+    "$value": "{uswds-system-color-gold-vivid-10}",
+    "$type": "color"
+  },
+  "vads-color-gold-lightest": {
+    "$value": "{uswds-system-color-gold-vivid-5}",
+    "$type": "color"
+  },
+  "vads-color-gray-cool-light": {
+    "$value": "{uswds-system-color-blue-warm-10}",
+    "$type": "color"
+  },
+  "vads-color-gray-light-alt": {
+    "$value": "{uswds-system-color-gray-cool-5}",
+    "$type": "color"
+  },
+  "vads-color-gray-medium": {
+    "$value": "{uswds-system-color-gray-50}",
+    "$type": "color"
+  },
+  "vads-color-gray-warm-dark": {
+    "$value": "{uswds-system-color-gray-warm-70}",
+    "$type": "color"
+  },
+  "vads-color-gray-warm-light": {
+    "$value": "{uswds-system-color-gray-warm-10}",
+    "$type": "color"
+  },
+  "vads-color-green-light": {
+    "$value": "{uswds-system-color-green-cool-40}",
+    "$type": "color"
+  },
+  "vads-color-green-lighter": {
+    "$value": "{uswds-system-color-green-cool-20}",
+    "$type": "color"
+  },
+  "vads-color-hub-burials": {
+    "$value": "{uswds-system-color-blue-50}",
+    "$type": "color"
+  },
+  "vads-color-hub-careers": {
+    "$value": "{uswds-system-color-orange-warm-50}",
+    "$type": "color"
+  },
+  "vads-color-hub-disability": {
+    "$value": "{uswds-system-color-red-60}",
+    "$type": "color"
+  },
+  "vads-color-hub-education": {
+    "$value": "{uswds-system-color-blue-warm-vivid-80}",
+    "$type": "color"
+  },
+  "vads-color-hub-family-member": {
+    "$value": "{uswds-system-color-blue-warm-vivid-80}",
+    "$type": "color"
+  },
+  "vads-color-hub-health-care": {
+    "$value": "{uswds-system-color-indigo-cool-60}",
+    "$type": "color"
+  },
+  "vads-color-hub-housing": {
+    "$value": "{uswds-system-color-gold-50}",
+    "$type": "color"
+  },
+  "vads-color-hub-life-insurance": {
+    "$value": "{uswds-system-color-green-warm-50}",
+    "$type": "color"
+  },
+  "vads-color-hub-pension": {
+    "$value": "{uswds-system-color-green-cool-50}",
+    "$type": "color"
+  },
+  "vads-color-hub-records": {
+    "$value": "{uswds-system-color-green-warm-50}",
+    "$type": "color"
+  },
+  "vads-color-hub-service-member": {
+    "$value": "{uswds-system-color-blue-warm-vivid-80}",
+    "$type": "color"
+  },
+  "vads-color-info": {
+    "$value": "{uswds-system-color-cyan-vivid-30}",
+    "$type": "color"
+  },
+  "vads-color-info-dark": {
+    "$value": "{uswds-system-color-cyan-vivid-40}",
+    "$type": "color"
+  },
+  "vads-color-info-darker": {
+    "$value": "{uswds-system-color-blue-cool-60}",
+    "$type": "color"
+  },
+  "vads-color-info-light": {
+    "$value": "{uswds-system-color-cyan-20}",
+    "$type": "color"
+  },
+  "vads-color-info-lighter": {
+    "$value": "{uswds-system-color-cyan-5}",
+    "$type": "color"
+  },
+  "vads-color-ink": {
+    "$value": "{uswds-system-color-gray-90}",
+    "$type": "color"
+  },
+  "vads-color-inset-bg": {
+    "$value": "{uswds-system-color-cyan-5}",
+    "$type": "color"
+  },
+  "vads-color-link": {
+    "$value": "{uswds-system-color-blue-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-link-active": {
+    "$value": "{uswds-system-color-blue-vivid-70}",
+    "$type": "color"
+  },
+  "vads-color-link-visited": {
+    "$value": "{uswds-system-color-violet-vivid-70}",
+    "$type": "color"
+  },
+  "vads-color-primary": {
+    "$value": "{uswds-system-color-blue-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-primary-alt": {
+    "$value": "{uswds-system-color-cyan-vivid-30}",
+    "$type": "color"
+  },
+  "vads-color-primary-alt-dark": {
+    "$value": "{uswds-system-color-blue-cool-vivid-40}",
+    "$type": "color"
+  },
+  "vads-color-primary-alt-darkest": {
+    "$value": "{uswds-system-color-blue-cool-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-primary-alt-light": {
+    "$value": "{uswds-system-color-blue-cool-vivid-20}",
+    "$type": "color"
+  },
+  "vads-color-primary-alt-lightest": {
+    "$value": "{uswds-system-color-blue-cool-vivid-5}",
+    "$type": "color"
+  },
+  "vads-color-primary-dark": {
+    "$value": "{uswds-system-color-blue-warm-vivid-70}",
+    "$type": "color"
+  },
+  "vads-color-primary-darker": {
+    "$value": "{uswds-system-color-blue-warm-vivid-80}",
+    "$type": "color"
+  },
+  "vads-color-primary-light": {
+    "$value": "{uswds-system-color-blue-30}",
+    "$type": "color"
+  },
+  "vads-color-primary-lighter": {
+    "$value": "{uswds-system-color-blue-10}",
+    "$type": "color"
+  },
+  "vads-color-secondary": {
+    "$value": "{uswds-system-color-red-50}",
+    "$type": "color"
+  },
+  "vads-color-secondary-dark": {
+    "$value": "{uswds-system-color-red-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-secondary-darkest": {
+    "$value": "{uswds-system-color-red-vivid-70}",
+    "$type": "color"
+  },
+  "vads-color-secondary-light": {
+    "$value": "{uswds-system-color-red-30}",
+    "$type": "color"
+  },
+  "vads-color-secondary-lightest": {
+    "$value": "{uswds-system-color-red-cool-10v}",
+    "$type": "color"
+  },
+  "vads-color-success": {
+    "$value": "{uswds-system-color-green-cool-vivid-40}",
+    "$type": "color"
+  },
+  "vads-color-success-dark": {
+    "$value": "{uswds-system-color-green-cool-vivid-50}",
+    "$type": "color"
+  },
+  "vads-color-success-darker": {
+    "$value": "{uswds-system-color-green-cool-vivid-60}",
+    "$type": "color"
+  },
+  "vads-color-success-light": {
+    "$value": "{uswds-system-color-green-cool-vivid-20}",
+    "$type": "color"
+  },
+  "vads-color-success-lighter": {
+    "$value": "{uswds-system-color-green-cool-5}",
+    "$type": "color"
+  },
+  "vads-color-va-accent": {
+    "$value": "{uswds-system-color-yellow-50}",
+    "$type": "color"
+  },
+  "vads-color-warning": {
+    "$value": "{uswds-system-color-gold-vivid-20}",
+    "$type": "color"
+  },
+  "vads-color-warning-dark": {
+    "$value": "{uswds-system-color-gold-vivid-30}",
+    "$type": "color"
+  },
+  "vads-color-warning-darker": {
+    "$value": "{uswds-system-color-gold-vivid-50}",
+    "$type": "color"
+  },
+  "vads-color-warning-light": {
+    "$value": "{uswds-system-color-yellow-vivid-10}",
+    "$type": "color"
+  },
+  "vads-color-warning-lighter": {
+    "$value": "{uswds-system-color-yellow-5}",
+    "$type": "color"
+  },
+  "vads-color-white": {
+    "$value": "#ffffff",
+    "$type": "color"
+  },
+  "vads-input-background-color-on-light": {
+    "$value": "#ffffff",
+    "$type": "color"
+  },
+  "vads-label-hint-text-color-on-light": {
+    "$value": "{uswds-system-color-gray-50}",
+    "$type": "color"
+  },
+  "vads-process-list-color-text-pending-on-light": {
+    "$value": "{uswds-system-color-gray-50}",
+    "$type": "color"
+  }
+}
diff --git a/packages/tokens/package.json b/packages/tokens/package.json
index 23d35cda..d647362f 100644
--- a/packages/tokens/package.json
+++ b/packages/tokens/package.json
@@ -30,7 +30,7 @@
   "homepage": "https://github.com/department-of-veterans-affairs/va-mobile-library#readme",
   "packageManager": "yarn@3.6.1",
   "devDependencies": {
-    "@department-of-veterans-affairs/css-library": "^0.3.1",
+    "@department-of-veterans-affairs/css-library": "^0.5.1",
     "style-dictionary": "^3.9.2"
   }
 }
diff --git a/packages/tokens/src/tokens/color/component-dark.json b/packages/tokens/src/tokens/color/component-dark.json
new file mode 100644
index 00000000..407adc50
--- /dev/null
+++ b/packages/tokens/src/tokens/color/component-dark.json
@@ -0,0 +1,9 @@
+{
+  "button-primary-background-on-dark": {
+    "name": "button-primary-background-on-dark",
+    "value": "{semantic-test-on-dark}",
+    "attributes": {
+      "category": "color"
+    }
+  }
+}
diff --git a/packages/tokens/src/tokens/color/component-light.json b/packages/tokens/src/tokens/color/component-light.json
new file mode 100644
index 00000000..d4b39c47
--- /dev/null
+++ b/packages/tokens/src/tokens/color/component-light.json
@@ -0,0 +1,9 @@
+{
+  "button-primary-background-on-light": {
+    "name": "button-primary-background-on-light",
+    "value": "{semantic-test-on-light}",
+    "attributes": {
+      "category": "color"
+    }
+  }
+}
diff --git a/packages/tokens/src/tokens/color/semantic-dark.json b/packages/tokens/src/tokens/color/semantic-dark.json
new file mode 100644
index 00000000..369a1551
--- /dev/null
+++ b/packages/tokens/src/tokens/color/semantic-dark.json
@@ -0,0 +1,16 @@
+{
+  "semantic-test-on-dark": {
+    "name": "semantic-test-on-dark",
+    "value": "{uswds-system-color-blue-vivid-60}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "semantic-test-2-on-dark": {
+    "name": "semantic-test-2-on-dark",
+    "value": "{vads-color-base.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  }
+}
diff --git a/packages/tokens/src/tokens/color/semantic-light.json b/packages/tokens/src/tokens/color/semantic-light.json
new file mode 100644
index 00000000..9d0060a7
--- /dev/null
+++ b/packages/tokens/src/tokens/color/semantic-light.json
@@ -0,0 +1,16 @@
+{
+  "semantic-test-on-light": {
+    "name": "semantic-test-on-light",
+    "value": "{uswds-system-color-blue-vivid-60}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "semantic-test-2-on-light": {
+    "name": "semantic-test-2-on-light",
+    "value": "{vads-color-base.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  }
+}
diff --git a/packages/tokens/src/tokens/color/uswds.json b/packages/tokens/src/tokens/color/uswds.json
index 49337275..0e955d9d 100644
--- a/packages/tokens/src/tokens/color/uswds.json
+++ b/packages/tokens/src/tokens/color/uswds.json
@@ -1,88 +1,72 @@
 {
-  "color": {
-    "uswds-system-color-blue-vivid-5": {
-      "value": "#e8f5ff",
-      "name": "uswds-system-color-blue-vivid-5",
-      "attributes": {
-        "category": "uswds-system-color-blue-vivid-5"
-      }
-    },
-    "uswds-system-color-blue-vivid-10": {
-      "value": "#cfe8ff",
-      "name": "uswds-system-color-blue-vivid-10",
-      "attributes": {
-        "category": "uswds-system-color-blue-vivid-10"
-      }
-    },
-    "uswds-system-color-blue-vivid-20": {
-      "value": "#a1d3ff",
-      "name": "uswds-system-color-blue-vivid-20",
-      "attributes": {
-        "category": "uswds-system-color-blue-vivid-20"
-      }
-    },
-    "uswds-system-color-blue-vivid-30": {
-      "value": "#58b4ff",
-      "name": "uswds-system-color-blue-vivid-30",
-      "attributes": {
-        "category": "uswds-system-color-blue-vivid-30"
-      }
-    },
-    "uswds-system-color-blue-vivid-80": {
-      "value": "#112f4e",
-      "name": "uswds-system-color-blue-vivid-80",
-      "attributes": {
-        "category": "uswds-system-color-blue-vivid-80"
-      }
-    },
-    "uswds-system-color-gray-30": {
-      "value": "#adadad",
-      "name": "uswds-system-color-gray-30",
-      "attributes": {
-        "category": "uswds-system-color-gray-30"
-      }
-    },
-    "uswds-system-color-gray-80": {
-      "value": "#2e2e2e",
-      "name": "uswds-system-color-gray-80",
-      "attributes": {
-        "category": "uswds-system-color-gray-80"
-      }
-    },
-    "uswds-system-color-gray-warm-90": {
-      "value": "#171716",
-      "name": "uswds-system-color-gray-warm-90",
-      "attributes": {
-        "category": "uswds-system-color-gray-warm-90"
-      }
-    },
-    "uswds-system-color-green-cool-vivid-80": {
-      "value": "#19311e",
-      "name": "uswds-system-color-green-cool-vivid-80",
-      "attributes": {
-        "category": "uswds-system-color-green-cool-vivid-80"
-      }
-    },
-    "uswds-system-color-red-vivid-40": {
-      "value": "#fb5a47",
-      "name": "uswds-system-color-red-vivid-40",
-      "attributes": {
-        "category": "uswds-system-color-red-vivid-40"
-      }
-    },
-    "uswds-system-color-red-vivid-80": {
-      "value": "#5c1111",
-      "name": "uswds-system-color-red-vivid-80",
-      "attributes": {
-        "category": "uswds-system-color-red-vivid-80"
-      }
-    },
-    "uswds-system-color-yellow-vivid-70": {
-      "value": "#5c4809",
-      "name": "uswds-system-color-yellow-vivid-70",
-      "attributes": {
-        "category": "uswds-system-color-yellow-vivid-70"
-      }
+  "uswds-system-color-blue-vivid-5": {
+    "value": "#e8f5ff",
+    "name": "uswds-system-color-blue-vivid-5",
+    "attributes": {
+      "category": "uswds-system-color-blue-vivid-5"
+    }
+  },
+  "uswds-system-color-blue-vivid-10": {
+    "value": "#cfe8ff",
+    "name": "uswds-system-color-blue-vivid-10",
+    "attributes": {
+      "category": "uswds-system-color-blue-vivid-10"
+    }
+  },
+  "uswds-system-color-blue-vivid-20": {
+    "value": "#a1d3ff",
+    "name": "uswds-system-color-blue-vivid-20",
+    "attributes": {
+      "category": "uswds-system-color-blue-vivid-20"
+    }
+  },
+  "uswds-system-color-blue-vivid-30": {
+    "value": "#58b4ff",
+    "name": "uswds-system-color-blue-vivid-30",
+    "attributes": {
+      "category": "uswds-system-color-blue-vivid-30"
+    }
+  },
+  "uswds-system-color-blue-vivid-80": {
+    "value": "#112f4e",
+    "name": "uswds-system-color-blue-vivid-80",
+    "attributes": {
+      "category": "uswds-system-color-blue-vivid-80"
+    }
+  },
+  "uswds-system-color-gray-warm-90": {
+    "value": "#171716",
+    "name": "uswds-system-color-gray-warm-90",
+    "attributes": {
+      "category": "uswds-system-color-gray-warm-90"
+    }
+  },
+  "uswds-system-color-green-cool-vivid-80": {
+    "value": "#19311e",
+    "name": "uswds-system-color-green-cool-vivid-80",
+    "attributes": {
+      "category": "uswds-system-color-green-cool-vivid-80"
+    }
+  },
+  "uswds-system-color-red-vivid-40": {
+    "value": "#fb5a47",
+    "name": "uswds-system-color-red-vivid-40",
+    "attributes": {
+      "category": "uswds-system-color-red-vivid-40"
+    }
+  },
+  "uswds-system-color-red-vivid-80": {
+    "value": "#5c1111",
+    "name": "uswds-system-color-red-vivid-80",
+    "attributes": {
+      "category": "uswds-system-color-red-vivid-80"
+    }
+  },
+  "uswds-system-color-yellow-vivid-70": {
+    "value": "#5c4809",
+    "name": "uswds-system-color-yellow-vivid-70",
+    "attributes": {
+      "category": "uswds-system-color-yellow-vivid-70"
     }
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 81069342..fc393b4f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1802,12 +1802,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@department-of-veterans-affairs/css-library@npm:^0.3.1":
-  version: 0.3.1
-  resolution: "@department-of-veterans-affairs/css-library@npm:0.3.1"
+"@department-of-veterans-affairs/css-library@npm:^0.5.1":
+  version: 0.5.1
+  resolution: "@department-of-veterans-affairs/css-library@npm:0.5.1"
   dependencies:
     "@divriots/style-dictionary-to-figma": "npm:^0.4.0"
-  checksum: a313a03aaab8309d484e70c685b0cbe31f41b4dcc618fe0a2e05125df66ae7b39aa3410a01487b80f584ccb804fc3026634b8cd30d98d87617bed481991d2d6c
+  checksum: 0d61cc026d86c203fbf2f09c4b8d56fb3cf69abe19d25ccf85df776f35bdbce22f053cf6021546b92fc1665aedfe2c5542e0a8761e61b010aaf331aaee910889
   languageName: node
   linkType: hard
 
@@ -1938,7 +1938,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@department-of-veterans-affairs/mobile-tokens@workspace:packages/tokens"
   dependencies:
-    "@department-of-veterans-affairs/css-library": "npm:^0.3.1"
+    "@department-of-veterans-affairs/css-library": "npm:^0.5.1"
     style-dictionary: "npm:^3.9.2"
   languageName: unknown
   linkType: soft
@@ -7765,12 +7765,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"body-parser@npm:1.20.1":
-  version: 1.20.1
-  resolution: "body-parser@npm:1.20.1"
+"body-parser@npm:1.20.2":
+  version: 1.20.2
+  resolution: "body-parser@npm:1.20.2"
   dependencies:
     bytes: "npm:3.1.2"
-    content-type: "npm:~1.0.4"
+    content-type: "npm:~1.0.5"
     debug: "npm:2.6.9"
     depd: "npm:2.0.0"
     destroy: "npm:1.2.0"
@@ -7778,10 +7778,10 @@ __metadata:
     iconv-lite: "npm:0.4.24"
     on-finished: "npm:2.4.1"
     qs: "npm:6.11.0"
-    raw-body: "npm:2.5.1"
+    raw-body: "npm:2.5.2"
     type-is: "npm:~1.6.18"
     unpipe: "npm:1.0.0"
-  checksum: a202d493e2c10a33fb7413dac7d2f713be579c4b88343cd814b6df7a38e5af1901fc31044e04de176db56b16d9772aa25a7723f64478c20f4d91b1ac223bf3b8
+  checksum: 06f1438fff388a2e2354c96aa3ea8147b79bfcb1262dfcc2aae68ec13723d01d5781680657b74e9f83c808266d5baf52804032fbde2b7382b89bd8cdb273ace9
   languageName: node
   linkType: hard
 
@@ -8686,7 +8686,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"content-type@npm:~1.0.4":
+"content-type@npm:~1.0.4, content-type@npm:~1.0.5":
   version: 1.0.5
   resolution: "content-type@npm:1.0.5"
   checksum: b76ebed15c000aee4678c3707e0860cb6abd4e680a598c0a26e17f0bfae723ec9cc2802f0ff1bc6e4d80603719010431d2231018373d4dde10f9ccff9dadf5af
@@ -8714,10 +8714,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cookie@npm:0.5.0":
-  version: 0.5.0
-  resolution: "cookie@npm:0.5.0"
-  checksum: c01ca3ef8d7b8187bae434434582288681273b5a9ed27521d4d7f9f7928fe0c920df0decd9f9d3bbd2d14ac432b8c8cf42b98b3bdd5bfe0e6edddeebebe8b61d
+"cookie@npm:0.6.0":
+  version: 0.6.0
+  resolution: "cookie@npm:0.6.0"
+  checksum: f2318b31af7a31b4ddb4a678d024514df5e705f9be5909a192d7f116cfb6d45cbacf96a473fa733faa95050e7cff26e7832bb3ef94751592f1387b71c8956686
   languageName: node
   linkType: hard
 
@@ -10451,15 +10451,15 @@ __metadata:
   linkType: hard
 
 "express@npm:^4.17.3":
-  version: 4.18.2
-  resolution: "express@npm:4.18.2"
+  version: 4.19.2
+  resolution: "express@npm:4.19.2"
   dependencies:
     accepts: "npm:~1.3.8"
     array-flatten: "npm:1.1.1"
-    body-parser: "npm:1.20.1"
+    body-parser: "npm:1.20.2"
     content-disposition: "npm:0.5.4"
     content-type: "npm:~1.0.4"
-    cookie: "npm:0.5.0"
+    cookie: "npm:0.6.0"
     cookie-signature: "npm:1.0.6"
     debug: "npm:2.6.9"
     depd: "npm:2.0.0"
@@ -10485,7 +10485,7 @@ __metadata:
     type-is: "npm:~1.6.18"
     utils-merge: "npm:1.0.1"
     vary: "npm:~1.1.2"
-  checksum: 75af556306b9241bc1d7bdd40c9744b516c38ce50ae3210658efcbf96e3aed4ab83b3432f06215eae5610c123bc4136957dc06e50dfc50b7d4d775af56c4c59c
+  checksum: e82e2662ea9971c1407aea9fc3c16d6b963e55e3830cd0ef5e00b533feda8b770af4e3be630488ef8a752d7c75c4fcefb15892868eeaafe7353cb9e3e269fdcb
   languageName: node
   linkType: hard
 
@@ -10861,12 +10861,12 @@ __metadata:
   linkType: hard
 
 "follow-redirects@npm:^1.0.0":
-  version: 1.15.4
-  resolution: "follow-redirects@npm:1.15.4"
+  version: 1.15.6
+  resolution: "follow-redirects@npm:1.15.6"
   peerDependenciesMeta:
     debug:
       optional: true
-  checksum: 5f37ed9170c9eb19448c5418fdb0f2b73f644b5364834e70791a76ecc7db215246f9773bbef4852cfae4067764ffc852e047f744b661b0211532155b73556a6a
+  checksum: 9ff767f0d7be6aa6870c82ac79cf0368cd73e01bbc00e9eb1c2a16fbb198ec105e3c9b6628bb98e9f3ac66fe29a957b9645bcb9a490bb7aa0d35f908b6b85071
   languageName: node
   linkType: hard
 
@@ -16213,15 +16213,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"raw-body@npm:2.5.1":
-  version: 2.5.1
-  resolution: "raw-body@npm:2.5.1"
+"raw-body@npm:2.5.2":
+  version: 2.5.2
+  resolution: "raw-body@npm:2.5.2"
   dependencies:
     bytes: "npm:3.1.2"
     http-errors: "npm:2.0.0"
     iconv-lite: "npm:0.4.24"
     unpipe: "npm:1.0.0"
-  checksum: 5dad5a3a64a023b894ad7ab4e5c7c1ce34d3497fc7138d02f8c88a3781e68d8a55aa7d4fd3a458616fa8647cc228be314a1c03fb430a07521de78b32c4dd09d2
+  checksum: b201c4b66049369a60e766318caff5cb3cc5a900efd89bdac431463822d976ad0670912c931fdbdcf5543207daf6f6833bca57aa116e1661d2ea91e12ca692c4
   languageName: node
   linkType: hard
 
@@ -19300,8 +19300,8 @@ __metadata:
   linkType: hard
 
 "webpack-dev-middleware@npm:^5.3.1":
-  version: 5.3.3
-  resolution: "webpack-dev-middleware@npm:5.3.3"
+  version: 5.3.4
+  resolution: "webpack-dev-middleware@npm:5.3.4"
   dependencies:
     colorette: "npm:^2.0.10"
     memfs: "npm:^3.4.3"
@@ -19310,7 +19310,7 @@ __metadata:
     schema-utils: "npm:^4.0.0"
   peerDependencies:
     webpack: ^4.0.0 || ^5.0.0
-  checksum: 378ceed430b61c0b0eccdbb55a97173aa36231bb88e20ad12bafb3d553e542708fa31f08474b9c68d4ac95174a047def9e426e193b7134be3736afa66a0d1708
+  checksum: 257df7d6bc5494d1d3cb66bba70fbdf5a6e0423e39b6420f7631aeb52435afbfbff8410a62146dcdf3d2f945c62e03193aae2ac1194a2f7d5a2523b9d194e9e1
   languageName: node
   linkType: hard