Helium
HIG
Guidelines
Colours

Colours

tauOS offers a range of standard colours that automatically adapt to light and dark. Use these colours when choosing app accent colours that look great individually and in combination, on both light and dark backgrounds.

Don’t hard code colour values in your app. The colour values provided below are intended for reference during your app design process. Always use the Helium CSS Classes to apply colours within your app.

If these colours pass through Ensor, our Accent Colour API, they'll arrive at controlled hues that are also as good as these.

Table of Colours

Helium LightHelium DarkNameCSS Class

#DB2860
219 40 96

#EA80A0
234 128 160
Meson Red.meson-red
.destructive-action*
.error*

#F7812B
247 129 43

#FBBB8D
251 187 141
Lepton Orange.lepton-orange
.warning*

#FEBC16
254 188 22

#FED97C
254 217 124
Electron Yellow.electron-yellow

#49D05E
73 208 94

#9AE5A6
154 229 166
Muon Green.muon-green
.success*

#45BAFC
69 186 252

#A1DDFF
161 221 255
Proton Blue.proton-blue
.suggested-action*

#4426FA
68 38 250

#8572FF
133 114 255
Photon Indigo.photon-indigo

#8C56BF
140 86 191

#BEA0DB
190 160 219
Tau Purple.tau-purple

#BF56A8
191 86 168

#DB9FCD
219 159 205
Fermion Pink.fermion-pink

#56BFA6
86 191 166

#AEE0D4
174 224 212
Baryon Mint.baryon-mint

#BF8856
191 136 86

#E0C6AE
224 198 174
Gluon Brown.gluon-brown

#ABABB6
171 171 182

#CDCDD4
205 205 212
Neutron Light.neutron-light

#2D2D2D
45 45 45

#474747
71 71 71
Graviton Dark.graviton-dark

* = legacy css-class, colors won't change based on style.