We have updated our Terms of Service and Privacy Policy. Please review the changes.

Full-stack observability
with actually useful AI

Grafana Cloud: Cost-efficient by design. Built on open standards.

Get started freeCompare plans
✨Ask AI How do I get started with Grafana? →
Platform

One stack for metrics, logs and traces

Metrics

Prometheus-compatible, cost-efficient time-series at any scale.

Logs

Loki-powered logging that indexes labels, not full text.

Traces

Tempo distributed tracing wired straight into your dashboards.

Dashboard · Production overview
Metrics request rate1.2k/s
Logs error volume0.4%
Traces p99 latency182ms
Controls

Buttons, fields & states

Get started free Compare plans Dark Sign in Disabled
Search the docs grafana-cloud Free Forever Pro

The single action colour is cobalt #1b55f5 (radius 8px); the secondary is a white outline with a 1px black border (radius 6px). Focus rings the field blue. Hover darkens over 0.15s cubic-bezier(.4,0,.2,1).

Typography

Poppins 600 · Inter

Display h1 · Poppins · 60/75 · 600 · -1.5pxFull-stack observability
Section h2 · Poppins · 48/54 · 600 · -1.2pxMetrics, logs and traces
Subsection h3 · Poppins · 30/37 · 600 · -0.75pxGrafana Cloud
Body · Inter · 16/24 · 400Cost-efficient observability built on open standards.
Small / caption · Inter · 13/19.5 · 500 · mutedThe Free Forever plan
Button · Inter · 14 · 500Get started free
Palette

Every token

Surfaces
canvas#ffffff
surface#f4f4f6
surface-2#e6e6ea
dark#2e2e38
Hero gradient
peach#f4d6bb
lilac#eaaafd
periwinkle#d1e3f7
sky#8ec0ff
Text
text#000000
ink-2#454554
muted#67677e
muted-2#505062
faint#bcbcc8
Accent (multi-brand)
blue#1b55f5
orange#ff671d
yellow#fbe136
cyan#3fc6eb
Borders
border#e5e5e9
border-2#d8d8df
border-strong#aeaebc
border-black#000000
Depth & motion

Radii & elevation

4px
6px outline
8px button
12px card
full
soft card
flat + hairline

Motion: 0.15s cubic-bezier(.4,0,.2,1) on opacity/transform/translate; some 0.2s variants. Structure comes from thin #e5e5e9 hairlines, not shadows.