Grafana Labs. Sunrise signal control room.
- SaaS
- Light theme
- 17 colors
- 2 typefaces
Grafana Labs — observability control room under a sunrise signal. The interface holds a predominantly #f4f4f6 canvas beneath a soft peach-to-aqua hero wash, then uses black Poppins headlines as large, decisive anchors. Product proof arrives in oversized dark dashboard captures framed by pastel 24px cards, while #1b55f5 supplies the precise electric-blue punctuation for links, arrows, and filled conversion controls. Spacious stacked sections alternate centered statements, split product narratives, and diagrammatic integration fields rather than dense application-style panels.
Grafana Labs design system
Brand1
Filled CTA buttons, text links, directional arrows, and active interface marks — the saturated blue cuts through the otherwise restrained canvas
Accent5
Warm feature-card surface
Pastel purple feature-card borders
Pastel blue feature-card borders
Pastel orange feature-card borders
Hero atmosphere behind centered messaging — a diffuse warm-to-cool transition rather than a button or panel treatment
Neutrals11
Headlines, prominent body copy, dark outlined controls
Dark product-preview panels and dark icon or text treatment
Secondary body copy and descriptive text
Navigation labels, utility links, muted metadata, and subdued icons
Input borders and stronger contained-surface outlines
1px structural dividers, card outlines, and header separation
Warm card surfaces and pale decorative panel backgrounds
Pale purple product-card surfaces
Pale blue card fields and quiet highlighted-control backgrounds
Page background, quiet footer bands, subdued action surfaces
Header, inputs, search surfaces, elevated content fields
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
White Surface on Electric Signal
5.73 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
