Core identity · Primary paletteclick any color to copy its hex
Digital Green is the action color on dark surfaces. On light surfaces it shifts to Deep Green for accessible contrast. Ink, Stone, and Night provide the stable grounds that make the green signal unmistakable.
Brand colors
Palette update
The Strand Spectrum is being retired.
The six-color ramp is no longer a primary identity device, required sequence, or default decoration. The five colors below are the Moderne brand spine. Former spectrum hues now act as supporting complementary colors: use them selectively for gradient fields, illustration, data visualization, and moments where category or sequence needs distinction.
The highlight color shifts by surface
Green is the brand's action and highlight color everywhere — but it changes shade with the surface so it always clears contrast.
Deep Green #1D5937 · light mode
The primary highlight color across the brand in light mode. On white, Digital Green falls to about 1.5:1 — well below the WCAG AA minimum — so it can't carry links or action. Light surfaces shift to Deep Green (~8:1 on white), which keeps the green-means-action cue unmistakable across brand, marketing, and this site. The product UI keeps its own blue action token.
Digital Green #30F284 · dark mode
In dark mode it's Digital Green. On the near-black ground the bright green reads clearly and clears contrast, so dark surfaces use Digital Green as the brand action and highlight color — the same brand signal, inverted for the surface and flipped by data-theme.
Supporting complementary colors
These colors expand expression without competing with Digital Green. Use one or two at a time, preserve a clear hierarchy, and keep primary UI surfaces neutral.
Primary colors establish identity
Use Digital Green or Deep Green for action, Ink or Night for type and dark grounds, and Stone for editorial space. These should carry the first read.
Complementary colors add meaning
Use complementary hues for atmosphere, categorization, and narrative emphasis. They support the brand; they do not replace its green, Ink, Stone, and Night foundation.
Semantic, status, and chart colors — the per-surface values components reference — live on theTheme page.