Skip to main content

Base Tone

Controls the neutral base palette (backgrounds, text, borders). Adjust the hue to tint your UI surface.

Semantic Colors

Pick colors for each role. Content (text-on-color) and dark mode variants are auto-generated.

Status Colors

modernGraphTool (light)

Info toast sample
Success toast sample
Warning toast sample
Error toast sample
Graph area
Target
5128 DF
4128 DF
6128 DF
Stardrop Moonfield
Fictionalear Hexa 2
Primary
Secondary
Outline
Muted
Destructive
Ghost
DEVICE
GRAPH
EQ
MISC

modernGraphTool (dark)

Info toast sample
Success toast sample
Warning toast sample
Error toast sample
Graph area
Target
5128 DF
4128 DF
6128 DF
Stardrop Moonfield
Fictionalear Hexa 2
Primary
Secondary
Outline
Muted
Destructive
Ghost
DEVICE
GRAPH
EQ
MISC