Clickport
Start free trial
Intuitive Dashboard Real-Time Analytics Session Tracking Engagement Tracking Goal Conversions Filtering & Segments Conversion Funnels User Flows Privacy First Bot Protection
For agencies For SaaS For e-commerce For affiliates For bloggers For publishers Google Search Console Bing Webmaster Tools WordPress Shopify Tracker install SPA tracking Custom Events API reference vs Google Analytics vs Matomo vs Cloudflare
How It Works Blog Updates Documentation UTM Builder GDPR Checker GA4 Data Loss Estimator GA Legal Status About Contact Status Security

Dashboard 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 Dashboard colors preference swaps that whole assignment between four curated palettes. Since July 2026 it governs the full dashboard: the session goal and signal badges, the activity timeline markers, and the world map follow the palette too, not just the chart. It is purely visual, per device, and the data never changes.

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

Dashboard preferences: Dashboard colors
Settings, then Dashboard, then Dashboard colors
Clickport
Mono
Muted
CB-safe

The four palettes

Metric colors per palette
Visitors, Pageviews, Views/Visit, Bounce, Conversions, Conv. Rate, Duration, Scroll. Dark theme values shown; every palette ships separately tuned light theme colors.
Clickport
Mono
Muted
CB-safe

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.

What it does not change: colors you picked yourself stay exactly as you set them. A goal you gave a custom color and your annotation colors keep those picks in every palette; only the default badge hues follow the palette. The engagement column keeps its good-to-bad ramp in every palette, because there the color is information, not identity. And the palette never touches the data or the layout.

Where to find it

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

Previous Theme