[data-swatch]::before {
  background-color: rgba(var(--text-color) / 0.08);
}

[data-swatch="hospital blue"]:before { background-color: #517ba6}[data-swatch="lilac"]:before { background-color: #a693b5}[data-swatch="postman blue"]:before { background-color: #516677}[data-swatch="ruby"]:before { background-color: #8c335c}[data-swatch="sherwood green"]:before { background-color: #007846}[data-swatch="sky blue"]:before { background-color: #97b3d1}