[data-swatch="red"] { --swatch-background-color:#ff0000}[data-swatch="black"] { --swatch-background-color:#000000}[data-swatch="white"] { --swatch-background-color:#ffffff}[data-swatch="gray"] { --swatch-background-color: #808080}[data-swatch="beige"] { --swatch-background-color: #F5F5DC}[data-swatch="off white"] { --swatch-background-color:#FAF9F6}[data-swatch="dark blue"] { --swatch-background-color:#00008B}[data-swatch="blue"] { --swatch-background-color:  #0000FF}[data-swatch="green"] { --swatch-background-color: #00FF00}[data-swatch="orange"] { --swatch-background-color: #FFA500}[data-swatch="teal green"] { --swatch-background-color: #006D5B}[data-swatch="purple"] { --swatch-background-color: #A020F0}[data-swatch="light blue"] { --swatch-background-color:  #6F8FAF}[data-swatch="baby blue"] { --swatch-background-color: #89CFF0}[data-swatch="brown"] { --swatch-background-color: #964B00}[data-swatch="pink"] { --swatch-background-color: #FFC0CB}[data-swatch="charcoal"] { --swatch-background-color:#333333}[data-swatch="light gray"] { --swatch-background-color: #D3D3D3}