> ## Documentation Index
> Fetch the complete documentation index at: https://context7.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Color

> Show click-to-copy color swatches

Add one `<Color.Item>` for each swatch.

## Usage

```mdx theme={null}
<Color>
  <Color.Item name="Primary" value="#10B981" />
  <Color.Item
    name="Surface"
    value={{ light: "#FFFFFF", dark: "#18181B" }}
  />
</Color>
```

Use `variant="table"` with `<Color.Row title="...">` to group a larger palette.

## Example

<Color>
  <Color.Item name="Primary" value="#10B981" />

  <Color.Item name="Surface" value={{ light: "#FFFFFF", dark: "#18181B" }} />
</Color>