zero·style

Dictionary entry

surface color

View related-term graphUse in a brief
Was this helpful?
UI / UXCurated · verified

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

Synonyms

None recorded.

Related terms

In plain words

  • the background color of a card or panel that everything else sits on

Usage example

In dark mode the surface color is a dark grey rather than pure black.

Don't confuse with…

  • accent colorAn accent color highlights interactive bits; a surface color is the calm background those elements rest on.

Categories

  • Color

Related-term graph

Two hops from surface color — click a term to open its entry, or re-center the graph on it

Focus term

Directly related

Two hops away

  • Relatedsurface color related of card
  • Relatedsurface color related of color token
  • Relatedsurface color related of elevation overlay
  • Relatedsurface color related of panel
  • Relatedpanel related of accordion
  • Relatedcard related of banner
  • Relatedcard related of callout
  • Relatedpanel related of card
  • Relatedcolor token related of color palette
  • Relatedcolor token related of design token
  • Relatedelevation overlay related of drop shadow
  • Relatedelevation overlay related of neumorphism
  • Relatedcard related of panel
  • Relatedcolor token related of primitive token
  • Relatedcolor token related of semantic color
  • Relatedcolor token related of semantic token
  • Relatedpanel related of sidebar
  • Relatedelevation overlay related of surface color
  • Relatedpanel related of well
  • Relatedcard related of well

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.

Start a brief