# Named colors


```ts
import { registerNamedColors } from "chroma-panel";
import { namedColors } from "chroma-panel/named-colors";

registerNamedColors(namedColors);
```

Now `parse('rebeccapurple')` works, and so does typing a name into
[ColorField](/react/components/color-field).

## API reference

<SignatureList names="registerNamedColors, clearNamedColors" />

## Registering your own

The registry takes any map of name to colour string, so you can register a brand
vocabulary instead of, or alongside, the CSS names:

```ts
registerNamedColors({ brand: "#3366cc", "brand-dark": "#254a91" });
```