There are five main colors. The main colors ensure that all elements on the website (e.g., buttons, links, headers, and accents) use a cohesive color scheme, making the design look professional and unified. The main colors automatically generate five different shades of color which depend on the main color brightness
The 5 different shades generated are variations of the main color (lighter or darker) and are created to provide flexibility for:
- **Contrast**: Ensuring text or elements are readable on different backgrounds (e.g., darker shade for text on a light background).
- **Hierarchy**: Using lighter or darker tones to differentiate primary buttons, hover effects, or secondary elements.
- **Design Balance**: Avoiding the overuse of a single shade, creating visual harmony with gradients or subtle differences.
Click on the color to change it with [the Color Picker](https://scribehow.com/shared/Common_features_in_admin_panel__9WkgM_zKQ6Opjwg7zx-O8g)