NXtheme

Best on a bigger screen

The NXtheme editor is built for designing ServiceNow themes on a desktop — colour anchors, contrast checks and the live preview need the room. Open this link on a laptop or desktop to start designing.

nxtheme.com

NXtheme
loading baselines
Colors
core color tokens · 5,678 properties · 5 OKLCH-driven brand axes
01primary 21
Buttons, links, focused borders, brand accents. The hex sets the mid-tone of 21 OKLCH stops (0 = lightest, 20 = darkest).
02secondary 21
Supporting brand color: alt buttons, secondary accents, complementary surfaces. The hex sets the mid-tone of 21 OKLCH stops.
03supplementary 21
Decorative + data-vis accents (charts, indicator chips, tag colors). The hex sets the mid-tone of 21 OKLCH stops.
04neutral 21
Body text, backgrounds, dividers. Chroma is flattened automatically — 21 stops come out near-grey with a faint hue cast from your hex.
05chrome 11
Toolbar, sidebar, header strips, workspace shell. Chroma is flattened automatically — 11 stops come out near-grey with a faint hue cast from your hex.
Custom colors are exported as --now-color--custom--<slug> properties. Click Link on any override row to alias that variable to a custom color instead of a literal RGB value.