Sombra (shade) é a versão escurecida de uma cor, criada ao adicionar preto ao matiz puro. É assim que o vermelho vira bordô, o azul vira marinho e o verde vira verde escuro. Ela é uma das três modificações da teoria da cor, já que o preto faz a sombra, o branco faz a tonalidade (tint) e o cinza faz o tom.
Na interface, a sombra serve à hierarquia, à profundidade e ao estado. No texto, tons mais escuros de um mesmo neutro criam nível, com o mais escuro pro corpo e um pouco mais claro pro secundário, enquanto no botão a sombra marca o hover e o pressionado, dando a sensação de resposta ao toque.
Vale lembrar que o design system moderno não trata cor como valor único, e sim como escala numerada que vai do mais claro ao mais escuro. As sombras são justamente as posições escuras dessa escala, referenciadas por token semântico que liga propósito a valor.