Browse

An on-screen control that lets someone choose a color, usually with a draggable spectrum, sliders, or a field for typing a color code.

A named, reusable stand-in for a specific color value stored in one place, so designers and developers refer to the name (like 'brand/primary') and every screen updates when the underlying color changes.

A number that measures how different two colours are in lightness — used to check that text is readable against its background. Higher is easier to read.

A version of an interface that uses a dark background with light text and muted colors, offered as an alternative to the default light scheme to reduce glare and, on some screens, save battery.

An approach where an interface automatically builds its color scheme from a source such as the user's wallpaper or a photo, so the app's palette adapts to their personal content.

A thin, semi-transparent light film laid over a dark-theme surface so that panels which sit 'higher' look slightly lighter, signalling depth without relying on shadows.

A color defined by the job it does in an interface — like 'success', 'warning', or 'danger' — instead of by its actual hue, so the same role can map to a different shade in light and dark themes.

The background color of a panel, card, sheet, or other container that content sits on top of, forming the base layer of a screen.

A full ladder of tints and shades — from nearly white to nearly black — generated from a single base color, giving a consistent set of related colors to build an interface from.