What are semantic colors in UI?
Semantic colors are labeled by purpose—not by appearance.
Examples:
Success = green (✓)
Error = red (✕)
Warning = yellow/orange
Info = blue
They're used in buttons, alerts, and states to create clarity and consistency—regardless of theme or platform.
Semantic color tokens are key in scalable design systems. See how they're used effectively in our post on scaling color systems.