This component displays a series of color swatches along with their respective hexadecimal values. The colors are organized into categories, starting with a Primary color followed by various shades:

• Darker Shades: Ranging from Darker10 to Darker70
• Lighter Shades: Ranging from Lighter10 to Lighter80

Each shade progressively becomes darker or lighter relative to the primary color. The component includes:

• A color preview for each shade
• A "Copy" button next to each hex value, allowing for easy copying of these color codes for use in other design or development tasks.

No details available.