Colour

Chartory colours come in two layers. The palette holds fourteen colour families in eleven steps. The roles name what a colour is for and point at a palette step in each mode, so a theme moves every Hearth chart at once. Every role below shows its contrast on the canvas in both Chartory modes.

Palette

Fourteen families, 50 to 950. Roles point at these steps; components never use a step directly.

Family50100200300400500600700800900950

neutral

red

orange

amber

yellow

green

teal

cyan

sky

blue

indigo

violet

fuchsia

pink

Roles

A role names the job, text/primary or data/cat-2, and resolves to a palette step per mode. Contrast is measured on bg/canvas in each mode.

SurfacesChartory DarkChartory LightOn canvas

bg/canvas#090A0E#FAFAFB—

bg/canvas-raised#16191D#FAFAFB—

surface/panel#16191D#F3F4F5—

surface/card#25282D#FFFFFF—

surface/inset#090A0E#F3F4F5—

surface/inverse#FAFAFB#090A0E—

LinesChartory DarkChartory LightOn canvas

stroke/divider#25282D#E3E5E8—

stroke/card#25282D#E3E5E8—

stroke/input#3C4048#D2D4D9—

TextChartory DarkChartory LightOn canvas · text 4.5:1

text/primary#FAFAFB#090A0ED19.0:1L19.0:1

text/secondary#9DA1A9#50545DD7.6:1L7.3:1

text/tertiary#6F737C#6F737CD4.2:1L4.6:1

text/disabled#50545D#D2D4D9Exempt

StatusChartory DarkChartory LightOn canvas · marks 3:1

status/success#0FBF63#0BA456D8.2:1L3.1:1

status/warning#F4B811#D69C0DD11.0:1L2.3:1

status/danger#FE2736#DF0A2AD5.2:1L4.8:1

status/info#247CFD#0463EFD5.1:1L5.0:1

DataChartory DarkChartory LightOn canvas · marks 3:1

data/primary#FE6D2B#E55008D7.0:1L3.7:1

data/cat-1#FE6D2B#E55008D7.0:1L3.7:1

data/cat-2#247CFD#0463EFD5.1:1L5.0:1

data/cat-3#34CCB7#0FB7A4D9.9:1L2.4:1

data/cat-4#9647FD#9647FDD4.3:1L4.4:1

data/cat-5#F4B811#D69C0DD11.0:1L2.3:1

data/cat-6#E22BEF#C60BD2D5.5:1L4.6:1

Contrast

Text roles are measured against 4.5:1 on the canvas, the WCAG 2.2 AA level for body text; disabled text is exempt.
Marks, lines and status are measured against 3:1 on the canvas (WCAG 1.4.11, non-text contrast). A value under its target shows in the warning colour.
Ramp steps (data/seq-*) are cell fills, not marks; values on them use text/on-tint.
Colour never carries meaning alone: every series has a legend or a direct label, and status pairs a colour with an icon or a sign.