Chart colors

Every metric in Clickport has a color: visitors, pageviews, bounce, duration and the rest each keep their own hue across the KPI row, the chart lines, comparison overlays, and panel accents. The Chart colors preference swaps that whole assignment between four curated palettes. It is purely visual, per device, and the data never changes.

Set it from Dashboard preferences, in the Chart colors row.

The four palettes

When to pick which

Clickport

The default. Eight distinct hues, one per metric, so regulars can find a number by color alone: visitors are always blue, duration is always pink. The most scannable option, and the one all Clickport documentation and screenshots use.

Mono

A single blue ramp. Each metric keeps a stable step on the ramp, with visitors and pageviews placed at maximum separation since they are the pair most often on screen together. The quietest look. It suits screenshots for decks and reports, and dashboards on wall displays.

Muted

The same hue assignments as Clickport, desaturated a full step. Color scanning habits transfer directly, the volume just comes down. The middle path if the default reads too vivid but you still want bounce to be recognizably amber.

CB-safe

Derived from the Okabe-Ito palette, designed to stay distinguishable with deuteranopia and protanopia, the most common forms of color vision deficiency. The yellow and sky blue are darkened on the light theme to keep contrast.

Where to find it

Sign in, click your avatar in the top-right, then Settings. In the sidebar, choose Dashboard. Chart colors is the second row of the preferences card. It is also in the command palette: press ⌘K and type "mono" or "chart colors".