.svg-container[data-color-one="white"] .color-one,
.svg-container[data-color-two="white"] .color-two,
.svg-container[data-color-three="white"] .color-three,
.svg-container[data-color-four="white"] .color-four{
    fill:#f7f9fa;
}

.svg-container[data-color-one="red"] .color-one,
.svg-container[data-color-two="red"] .color-two,
.svg-container[data-color-three="red"] .color-three,
.svg-container[data-color-four="red"] .color-four{
    fill:#c02b25;
}

.svg-container[data-color-one="ivory"] .color-one,
.svg-container[data-color-two="ivory"] .color-two,
.svg-container[data-color-three="ivory"] .color-three,
.svg-container[data-color-four="ivory"] .color-four{
    fill:#f0f3dd;
}

.svg-container[data-color-one="yellow"] .color-one,
.svg-container[data-color-two="yellow"] .color-two,
.svg-container[data-color-three="yellow"] .color-three,
.svg-container[data-color-four="yellow"] .color-four{
    fill:#ecc504;
}

.svg-container[data-color-one="creme"] .color-one,
.svg-container[data-color-two="creme"] .color-two,
.svg-container[data-color-three="creme"] .color-three,
.svg-container[data-color-four="creme"] .color-four{
    fill:#f0f4c0;
}

.svg-container[data-color-one="gold"] .color-one,
.svg-container[data-color-two="gold"] .color-two,
.svg-container[data-color-three="gold"] .color-three,
.svg-container[data-color-four="gold"] .color-four{
    fill:#988a49;
}

.svg-container[data-color-one="beige"] .color-one,
.svg-container[data-color-two="beige"] .color-two,
.svg-container[data-color-three="beige"] .color-three,
.svg-container[data-color-four="beige"] .color-four{
    fill:#cfc087;
}

.svg-container[data-color-one="grey"] .color-one,
.svg-container[data-color-two="grey"] .color-two,
.svg-container[data-color-three="grey"] .color-three,
.svg-container[data-color-four="grey"] .color-four{
    fill:#8b929b;
}

.svg-container[data-color-one="brown"] .color-one,
.svg-container[data-color-two="brown"] .color-two,
.svg-container[data-color-three="brown"] .color-three,
.svg-container[data-color-four="brown"] .color-four{
    fill:#5d3d2c;
}

.svg-container[data-color-one="black"] .color-one,
.svg-container[data-color-two="black"] .color-two,
.svg-container[data-color-three="black"] .color-three,
.svg-container[data-color-four="black"] .color-four{
    fill:#1a1b21;
}

.svg-container[data-color-one="mint"] .color-one,
.svg-container[data-color-two="mint"] .color-two,
.svg-container[data-color-three="mint"] .color-three,
.svg-container[data-color-four="mint"] .color-four{
    fill:#7fd1bc;
}

.svg-container[data-color-one="navy"] .color-one,
.svg-container[data-color-two="navy"] .color-two,
.svg-container[data-color-three="navy"] .color-three,
.svg-container[data-color-four="navy"] .color-four{
    fill:#1d2549;
}

.svg-container[data-color-one="green"] .color-one,
.svg-container[data-color-two="green"] .color-two,
.svg-container[data-color-three="green"] .color-three,
.svg-container[data-color-four="green"] .color-four{
    fill:#145736;
}

.svg-container[data-color-one="bronze"] .color-one,
.svg-container[data-color-two="bronze"] .color-two,
.svg-container[data-color-three="bronze"] .color-three,
.svg-container[data-color-four="bronze"] .color-four{
    fill:#776d48;
}

.svg-container[data-color-one="dark-green"] .color-one,
.svg-container[data-color-two="dark-green"] .color-two,
.svg-container[data-color-three="dark-green"] .color-three,
.svg-container[data-color-four="dark-green"] .color-four{
    fill:#313832;
}

.svg-container[data-color-one="spring-green"] .color-one,
.svg-container[data-color-two="spring-green"] .color-two,
.svg-container[data-color-three="spring-green"] .color-three,
.svg-container[data-color-four="spring-green"] .color-four{
    fill:#0a7130;
}

.svg-container[data-color-one="dark-red"] .color-one,
.svg-container[data-color-two="dark-red"] .color-two,
.svg-container[data-color-three="dark-red"] .color-three,
.svg-container[data-color-four="dark-red"] .color-four{
    fill:#7f2a36;
}

.svg-container[data-color-one="lilac"] .color-one,
.svg-container[data-color-two="lilac"] .color-two,
.svg-container[data-color-three="lilac"] .color-three,
.svg-container[data-color-four="lilac"] .color-four{
    fill:#7973c6;
}

.svg-container[data-color-one="lime"] .color-one,
.svg-container[data-color-two="lime"] .color-two,
.svg-container[data-color-three="lime"] .color-three,
.svg-container[data-color-four="lime"] .color-four{
    fill:#aae3aa;
}

.svg-container[data-color-one="bottle"] .color-one,
.svg-container[data-color-two="bottle"] .color-two,
.svg-container[data-color-three="bottle"] .color-three,
.svg-container[data-color-four="bottle"] .color-four{
    fill:#2d4940;
}

.svg-container[data-color-one="bh-green"] .color-one,
.svg-container[data-color-two="bh-green"] .color-two,
.svg-container[data-color-three="bh-green"] .color-three,
.svg-container[data-color-four="bh-green"] .color-four{
    fill:#265754;
}

.svg-container[data-color-one="sky-blue"] .color-one,
.svg-container[data-color-two="sky-blue"] .color-two,
.svg-container[data-color-three="sky-blue"] .color-three,
.svg-container[data-color-four="sky-blue"] .color-four{
    fill:#4583c9;
}

.svg-container[data-color-one="true-blue"] .color-one,
.svg-container[data-color-two="true-blue"] .color-two,
.svg-container[data-color-three="true-blue"] .color-three,
.svg-container[data-color-four="true-blue"] .color-four{
    fill:#14235c;
}

.svg-container[data-color-one="deep-blue"] .color-one,
.svg-container[data-color-two="deep-blue"] .color-two,
.svg-container[data-color-three="deep-blue"] .color-three,
.svg-container[data-color-four="deep-blue"] .color-four{
    fill:#0f287c;
}

.svg-container[data-color-one="pink"] .color-one,
.svg-container[data-color-two="pink"] .color-two,
.svg-container[data-color-three="pink"] .color-three,
.svg-container[data-color-four="pink"] .color-four{
    fill:#eca7bd;
}

.svg-container[data-color-one="moka"] .color-one,
.svg-container[data-color-two="moka"] .color-two,
.svg-container[data-color-three="moka"] .color-three,
.svg-container[data-color-four="moka"] .color-four{
    fill:#98723d;
}

.svg-container[data-color-one="orange"] .color-one,
.svg-container[data-color-two="orange"] .color-two,
.svg-container[data-color-three="orange"] .color-three,
.svg-container[data-color-four="orange"] .color-four{
    fill:#ff6600;
}