[Project Solar / Phase 2 / Tokens renaming] 02 - Update color-[product] tokens

[didoo]

Note

Note: this PR is built on top of #3977

📌 Summary

This is the second in a set of PRs that will rename some of the HDS tokens to follow the approved naming convention.

🛠️ Detailed description

In this PR I have:

• packages/tokens/src
  • re-organized semantic “product” colors to follow approved naming convention
• packages/tokens/scripts
  • removed references to “product” colors in scripts files (not necessary anymore, the group (token.path[1]) now is product and the group attribute is branding)
• packages/components folder
  • updated “product” token names in files
• showcase folder
  • updated “product” token names in files
• website folder
  • updated “product” token names in files
    • ⚠️ excluded documentation updates, they will be done in a separate, single PR for all the changes
• re-generated files in output

♻️ Renamed tokens

Before	After
--hds-color-hashicorp-brand	--hds-product-hashicorp-brand-color
--hds-color-boundary-brand	--hds-product-boundary-brand-color
--hds-color-boundary-foreground	--hds-product-boundary-foreground-color
--hds-color-boundary-surface	--hds-product-boundary-surface-color
--hds-color-boundary-border	--hds-product-boundary-border-color
--hds-color-boundary-gradient-primary-start	--hds-product-boundary-gradient-color-primary-start
--hds-color-boundary-gradient-primary-stop	--hds-product-boundary-gradient-color-primary-stop
--hds-color-boundary-gradient-faint-start	--hds-product-boundary-gradient-color-faint-start
--hds-color-boundary-gradient-faint-stop	--hds-product-boundary-gradient-color-faint-stop
--hds-color-consul-brand	--hds-product-consul-brand-color
--hds-color-consul-foreground	--hds-product-consul-foreground-color
--hds-color-consul-surface	--hds-product-consul-surface-color
--hds-color-consul-border	--hds-product-consul-border-color
--hds-color-consul-gradient-primary-start	--hds-product-consul-gradient-color-primary-start
--hds-color-consul-gradient-primary-stop	--hds-product-consul-gradient-color-primary-stop
--hds-color-consul-gradient-faint-start	--hds-product-consul-gradient-color-faint-start
--hds-color-consul-gradient-faint-stop	--hds-product-consul-gradient-color-faint-stop
--hds-color-hcp-brand	--hds-product-hcp-brand-color
--hds-color-nomad-brand	--hds-product-nomad-brand-color
--hds-color-nomad-foreground	--hds-product-nomad-foreground-color
--hds-color-nomad-surface	--hds-product-nomad-surface-color
--hds-color-nomad-border	--hds-product-nomad-border-color
--hds-color-nomad-gradient-primary-start	--hds-product-nomad-gradient-color-primary-start
--hds-color-nomad-gradient-primary-stop	--hds-product-nomad-gradient-color-primary-stop
--hds-color-nomad-gradient-faint-start	--hds-product-nomad-gradient-color-faint-start
--hds-color-nomad-gradient-faint-stop	--hds-product-nomad-gradient-color-faint-stop
--hds-color-packer-brand	--hds-product-packer-brand-color
--hds-color-packer-foreground	--hds-product-packer-foreground-color
--hds-color-packer-surface	--hds-product-packer-surface-color
--hds-color-packer-border	--hds-product-packer-border-color
--hds-color-packer-gradient-primary-start	--hds-product-packer-gradient-color-primary-start
--hds-color-packer-gradient-primary-stop	--hds-product-packer-gradient-color-primary-stop
--hds-color-packer-gradient-faint-start	--hds-product-packer-gradient-color-faint-start
--hds-color-packer-gradient-faint-stop	--hds-product-packer-gradient-color-faint-stop
--hds-color-terraform-brand	--hds-product-terraform-brand-color
--hds-color-terraform-brand-on-dark	--hds-product-terraform-brand-color-on-dark
--hds-color-terraform-foreground	--hds-product-terraform-foreground-color
--hds-color-terraform-surface	--hds-product-terraform-surface-color
--hds-color-terraform-border	--hds-product-terraform-border-color
--hds-color-terraform-gradient-primary-start	--hds-product-terraform-gradient-color-primary-start
--hds-color-terraform-gradient-primary-stop	--hds-product-terraform-gradient-color-primary-stop
--hds-color-terraform-gradient-faint-start	--hds-product-terraform-gradient-color-faint-start
--hds-color-terraform-gradient-faint-stop	--hds-product-terraform-gradient-color-faint-stop
--hds-color-vagrant-brand	--hds-product-vagrant-brand-color
--hds-color-vagrant-foreground	--hds-product-vagrant-foreground-color
--hds-color-vagrant-surface	--hds-product-vagrant-surface-color
--hds-color-vagrant-border	--hds-product-vagrant-border-color
--hds-color-vagrant-gradient-primary-start	--hds-product-vagrant-gradient-color-primary-start
--hds-color-vagrant-gradient-primary-stop	--hds-product-vagrant-gradient-color-primary-stop
--hds-color-vagrant-gradient-faint-start	--hds-product-vagrant-gradient-color-faint-start
--hds-color-vagrant-gradient-faint-stop	--hds-product-vagrant-gradient-color-faint-stop
--hds-color-vault-radar-brand	--hds-product-vault-radar-brand-color
--hds-color-vault-radar-brand-alt	--hds-product-vault-radar-brand-color-alt
--hds-color-vault-radar-foreground	--hds-product-vault-radar-foreground-color
--hds-color-vault-radar-surface	--hds-product-vault-radar-surface-color
--hds-color-vault-radar-border	--hds-product-vault-radar-border-color
--hds-color-vault-radar-gradient-primary-start	--hds-product-vault-radar-gradient-color-primary-start
--hds-color-vault-radar-gradient-primary-stop	--hds-product-vault-radar-gradient-color-primary-stop
--hds-color-vault-radar-gradient-faint-start	--hds-product-vault-radar-gradient-color-faint-start
--hds-color-vault-radar-gradient-faint-stop	--hds-product-vault-radar-gradient-color-faint-stop
--hds-color-vault-secrets-brand	--hds-product-vault-secrets-brand-color
--hds-color-vault-secrets-brand-alt	--hds-product-vault-secrets-brand-color-alt
--hds-color-vault-secrets-foreground	--hds-product-vault-secrets-foreground-color
--hds-color-vault-secrets-surface	--hds-product-vault-secrets-surface-color
--hds-color-vault-secrets-border	--hds-product-vault-secrets-border-color
--hds-color-vault-secrets-gradient-primary-start	--hds-product-vault-secrets-gradient-color-primary-start
--hds-color-vault-secrets-gradient-primary-stop	--hds-product-vault-secrets-gradient-color-primary-stop
--hds-color-vault-secrets-gradient-faint-start	--hds-product-vault-secrets-gradient-color-faint-start
--hds-color-vault-secrets-gradient-faint-stop	--hds-product-vault-secrets-gradient-color-faint-stop
--hds-color-vault-brand	--hds-product-vault-brand-color
--hds-color-vault-brand-alt	--hds-product-vault-brand-color-alt
--hds-color-vault-foreground	--hds-product-vault-foreground-color
--hds-color-vault-surface	--hds-product-vault-surface-color
--hds-color-vault-border	--hds-product-vault-border-color
--hds-color-vault-gradient-primary-start	--hds-product-vault-gradient-color-primary-start
--hds-color-vault-gradient-primary-stop	--hds-product-vault-gradient-color-primary-stop
--hds-color-vault-gradient-faint-start	--hds-product-vault-gradient-color-faint-start
--hds-color-vault-gradient-faint-stop	--hds-product-vault-gradient-color-faint-stop
--hds-color-waypoint-brand	--hds-product-waypoint-brand-color
--hds-color-waypoint-foreground	--hds-product-waypoint-foreground-color
--hds-color-waypoint-surface	--hds-product-waypoint-surface-color
--hds-color-waypoint-border	--hds-product-waypoint-border-color
--hds-color-waypoint-gradient-primary-start	--hds-product-waypoint-gradient-color-primary-start
--hds-color-waypoint-gradient-primary-stop	--hds-product-waypoint-gradient-color-primary-stop
--hds-color-waypoint-gradient-faint-start	--hds-product-waypoint-gradient-color-faint-start
--hds-color-waypoint-gradient-faint-stop	--hds-product-waypoint-gradient-color-faint-stop

Copilot instructions

Ignore changes that should be made to files under the website/docs folder: they will be fixed in a separate PR.

🔗 External links

Jira ticket: https://hashicorp.atlassian.net/browse/HDS-6268

---

👀 Component checklist

• Percy was checked for any visual regression
• A changelog entry was added via Changesets if needed (see templates here)

💬 Please consider using conventional comments when reviewing this PR.

📋 PCI review checklist

• If applicable, I've documented a plan to revert these changes if they require more than reverting the pull request.
• If applicable, I've worked with GRC to document the impact of any changes to security controls.
  Examples of changes to controls include access controls, encryption, logging, etc.
• If applicable, I've worked with GRC to ensure compliance due to a significant change to the in-scope PCI environment.
  Examples include changes to operating systems, ports, protocols, services, cryptography-related components, PII processing code, etc.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
hds-showcase	Ready	Preview	Jul 9, 2026 2:53pm
hds-website	Ready	Preview	Jul 9, 2026 2:53pm