Foundations

Color

Three tiers: brand primitives (the charter palette), the neutral UI ramp, and semantic tokens that components actually read. The brand palette is charter-canonical; the muted status hues come from the original app.

Brand · primary

Noir

#161616

--ds-noir

Gris

#767884

--ds-gris

Marron

#9F8667

--ds-marron

Kaki

#AAB0A6

--ds-kaki

Beige

#D5D3C4

--ds-beige

Jaune

#F4FBDA

--ds-jaune

Brand · secondary

Accent / illustration colors. --ds-vert is sampled from the charter (its swatch label was a typo) and should be confirmed with the brand owner before 1.0.

Rouge (signal)

#FF2A00

--ds-rouge

Vert

#89FC79

--ds-vert

Bleu

#23E2FF

--ds-bleu

Jaune vif

#FFF73B

--ds-jaune-vif

Semantic

The only tier components read. Override these to theme the system (see docs/theming.md).

Ink

text primary

--ds-ink

Ink soft

text secondary

--ds-ink-soft

Ink faint

labels

--ds-ink-faint

Bg alt

#f5f5f5

--ds-bg-alt

Rule

#cdced0

--ds-rule

Accent

#FF2A00

--ds-accent

Status

Success

#2E7D4F

--ds-success

Warning

#FF5500

--ds-warning

Danger

#C0392B

--ds-danger

Critical

#161616

--ds-critical

Neutral

#767884

--ds-neutral

Info

#1488A6

--ds-info