본문으로 건너뛰기

Base Tone

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

Semantic 컬러

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