Color Mix

.lighten-the-brand {
  background: color-mix(in oklab, var(--brand), white);
}

.reduce-transparency {
  background: color-mix(in oklab, var(--background), transparent 80%);
}

.nest-it {
  color: color-mix(in oklch, purple 40%, color-mix(in oklab, plum, white));
}