Explore the color palette used throughout LSD components.
Primary Colors
Primary marks essential actions and focal points — where the user needs to look to move forward.
Primary
Primary Content
Text Colors
Text colors for primary content and supporting information, optimized for readability. These same colors are used for icons to maintain visual consistency.
Text Neutral
Text Secondary
Background & Border Colors
Background and border colors define structure and hierarchy across the interface.
Background
Foreground
Border
Semantic Colors
Semantic colors communicate state — success, warning, destructive actions, and information.