Colors are a crucial component of any design system, as they help establish a visual hierarchy and provide context for different elements within a user interface.
Our design system includes a comprehensive set of colors that are carefully chosen to ensure consistency, accessibility, and flexibility across all of our products
and platforms. In this section, we will explore the various color properties and guidelines that govern our design system's color palette, including the color values,
semantic meanings, usage recommendations, and best practices for implementing colors in our designs. Whether you are a designer, developer, or product manager,
understanding our color system is essential to creating high-quality, cohesive user interfaces that meet the needs of our users and align with our brand identity.
black
| Variable name | value 1 | Example |
|---|
gray
| Variable name | value 1 | Example |
|---|
green
| Variable name | value 1 | Example |
|---|
cool green
| Variable name | value 1 | Example |
|---|
warm green
| Variable name | value 1 | Example |
|---|
red
| Variable name | value 1 | Example |
|---|
white
| Variable name | value 1 | Example |
|---|
yellow
| Variable name | value 1 | Example |
|---|
Dark Violet
| Variable name | value 1 | Example |
|---|
Light Violet
| Variable name | value 1 | Example |
|---|
Opacity
| Variable name | value 1 | Example |
|---|