color · theming
Static color
also called static color palette (spectrum), fixed color (material), theme-independent color (community), always white (community)
A colour deliberately excluded from theming because it sits on something that never changes, such as a label over a photo or a fixed brand mark.
Every modern colour system is a machine for re-deriving values. Change the scheme and the surfaces, the accents and the ink all move together, which is the point. A static colour is the declared exception: a value that is told not to participate, because whatever it sits on is not participating either. Spectrum ships a static palette for exactly this, Material calls the same idea its fixed roles, and the honest test is simple. If the thing underneath the colour does not change with the theme, the colour on top of it must not either.
Three cases account for most of them. A label or a control laid over a photograph or a video is sitting on pixels the theme has no opinion about, so white ink stays white in a dark theme and in a light one. A brand mark is owned outside the product, and re-deriving it produces something that is nearly the logo, which is worse than either version. And a safety or status colour that means one specific thing, a live circuit or a stop condition, has to keep meaning it across every scheme, since a reader who has learned the colour is not going to re-learn it at dusk.
Set beside its neighbours the difference is sharp. Material You re-derives an entire scheme from a wallpaper, and a static colour is the thing that has to survive that derivation intact, which is why the two are best explained together. A container colour is derived and answers to emphasis; a surface tint is derived and answers to height; a static colour answers to nothing and is deliberately unreachable from the seed colour. Do not confuse it with a brand colour either. A brand colour is often the seed the whole scheme grows from, and it usually should re-derive; static is a decision about a specific placement, not about ownership of a hue.
The bill comes with the exemption. Nothing is re-deriving an on colour for a static value, so the pair has to carry its own contrast ratio and be checked in every context it can appear in, including over the busiest frame of a video. Two habits keep it under control: name static values in the token layer rather than pasting hexes into components, so the set is countable, and keep that set small. A palette where a third of the values opted out of theming is not a themed palette, it is two palettes wearing one name.
Which word?
| If you want | say |
|---|---|
| a colour that must not flip with the theme | static color |
| an element deliberately styled opposite to the theme | inverse color |
| a whole palette swapped as one named set | color theme |
| the colour the company owns, before it becomes UI tokens | brand color |