> ## 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

**Primary** `#10B981`

**Surface** `#FFFFFF` (light), `#18181B` (dark)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.