Skip to content
DocsFoundationsModesLast updated Nov 2, 2026

Modes

Foundations has four modes: Chartory Light, Chartory Dark, Ember and Ember Light. Every token has a value in each, so switching the mode restyles every Hearth chart at once.

ModeBuilt fromUse it for
Chartory DarkChartory palette, 181 coloursDark products, this site
Chartory LightChartory palette, 181 coloursLight products
EmberIts own valuesA warm, deep launchpad look
Ember LightIts own valuesEmber on light surfaces

Light mirrors dark

Each colour family keeps its hue in both modes; only lightness moves. Neutrals come from one grey base, inverted, so a chart reads the same in light and dark.

Switch the mode

In Figma, set the Foundations mode on a frame; every Hearth chart inside follows. Presets are modes too, so a new preset never changes a component.

What stays, what moves

Stays the sameMoves with the mode
Token namesToken values
Hue per colour familyLightness
Layout, sizes, typeSurfaces and text contrast

Stay in the loop

New charts, by email.

Get an email when new chart types and releases ship.

Unsubscribe any time.