Colors & Themes

In the world of data visulaisation colors are a hidden superpower. With a single value they can convey good or bad, large or small, important or superfluous, professional or personal, expensive or cheap. But colors can also be deeply personal, cultural or inaccessible.

Novem Colors

Every novem visualisation has a color theme, the theme dictates which names gets mapped to which color. By default all visualisations use the standard novem color scheme which is outlined below. For professional and up novem also offers the option to create your own, custom, color schemes.

Every novem color scheme offers a few different color names that will be translated into a color. Each name has one light and one dark mode version. Below is an example shoing the default novem color names along with their light and dark colors.

The base colors

The simple novem colors have only a light and a dark version. They are intended to be used for things such as text, highlights, links, lines, notices, alerts, borders and similar. Their name along with their colors are listed below.

Dark

dark

Light

light

Primary

primary

Secondary

secondary

Ascent

ascent

good

bad

neutral

ok and success

success

warn and warning

warning

alert and danger

danger

info and notice

info

white

white

black

black

The palettes

gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
gray-900
blue-100
blue-200
blue-300
blue-400
blue-500
blue-600
blue-700
blue-800
blue-900
indigo-100
indigo-200
indigo-300
indigo-400
indigo-500
indigo-600
indigo-700
indigo-800
indigo-900
purple-100
purple-200
purple-300
purple-400
purple-500
purple-600
purple-700
purple-800
purple-900
pink-100
pink-200
pink-300
pink-400
pink-500
pink-600
pink-700
pink-800
pink-900
red-100
red-200
red-300
red-400
red-500
red-600
red-700
red-800
red-900
orange-100
orange-200
orange-300
orange-400
orange-500
orange-600
orange-700
orange-800
orange-900
yellow-100
yellow-200
yellow-300
yellow-400
yellow-500
yellow-600
yellow-700
yellow-800
yellow-900
green-100
green-200
green-300
green-400
green-500
green-600
green-700
green-800
green-900
teal-100
teal-200
teal-300
teal-400
teal-500
teal-600
teal-700
teal-800
teal-900
cyan-100
cyan-200
cyan-300
cyan-400
cyan-500
cyan-600
cyan-700
cyan-800
cyan-900

The categories

cat 10 cat 10a cat 20 cat 20a

The gradients

diverging linear etc

The extended universe