The color system is organized in two layers: Core Palette provides raw color values, and Semantic Colors map those values to specific purposes. Use the brand switcher in the top-right corner to see differences between brands, and toggle the theme to view light/dark mode variations.