# Pencils


## Anatomy

```tsx
import { ChromaPanel } from "chroma-panel/panel";
import "chroma-panel/pencils";

<ChromaPanel modes={["pencils"]} pencils={myColors} />;
```

Leave `pencils` out for the built-in 120-colour grid, or read it from
`defaultPencils`.

## Mode id

`'pencils'`. List it in `modes` to show the tab, and in the order you want the tabs.