Pencils

A 120-colour grid, like the macOS pencils tab.

Anatomy

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.

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