シェードは色に黒を混ぜることで作られ、色相を保ちながら明度を下げます。ティントは白を混ぜることで作られます。
デザインシステムでは通常、一貫した視覚的階層を確保するために10段階のシェード/ティントスケール（例：Tailwindの50-950）を使用します。