Design Tokens - Semantic Color Variables for CSS & Figma | Color Hub

Semantic Tokens

Assign current colors to semantic variables for product use

Semantic Variables

Select a variable to view its use and color value

UI Preview

Check semantic palette hierarchy in buttons, cards, text and state alerts