Skip to content
UI/UX Atlas
Topics
Patterns
Color Tool
Templates
Quizzes
Topics
Patterns
Color Tool
Templates
Quizzes
Quizzes
/
Color
Color Tokens & Semantic Color Architecture — Quiz
5 questions
·
Read the lesson first →
Question 1 of 5
Color Tokens & Semantic Color Architecture
A design system defines a token named 'blue-500' and uses it directly on button backgrounds, link text, and informational badge borders across every component. The team then rebrands and the primary color changes to a warm teal. Which is the most precise description of the architectural failure this reveals?
The token uses a hue name instead of a role name, so it communicates raw color identity rather than intent — making it impossible to reassign the token without auditing every component that uses it for different semantic purposes
The token value was stored as a hex literal instead of an OKLCH value, so the new teal color cannot be correctly represented
The token lacks a '$type' field in the W3C DTCG format, which prevents build tools from compiling it to platform outputs
The token should have been defined in a separate file per platform to avoid cross-platform drift
Check answer