Colors

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

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

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

Table of Colors

Helium Light	Helium Dark	Name	CSS 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.