<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #7f35b2; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Ultraviolet</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#7f35b2</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">127, 53, 178</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-ultraviolet </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #48086F; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Ultraviolet Dark</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#48086F</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">72, 8, 111</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-ultraviolet-dark </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #C2A8F0; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Ultraviolet Light</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#C2A8F0</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">194, 168, 240</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-ultraviolet-light </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #C900AC; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Fireworks</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#C900AC</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">201, 0, 172</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-fireworks </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #9E0085; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Fireworks Dark</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#9E0085</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">158, 0, 133</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-fireworks-dark </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #E377DC; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Fireworks Light</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#E377DC</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">227, 119, 220</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-fireworks-light </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #F6517F; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Coral Reef</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#F6517F</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">246, 81, 127</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-coral-reef </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #A61932; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Coral Reef Dark</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#A61932</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">166, 25, 50</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-coral-reef-dark </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #FFA3C2; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Coral Reef Light</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#FFA3C2</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">255, 163, 194</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-coral-reef-light </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #FF8204; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Mandarin</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#FF8204</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">255, 130, 4</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-mandarin </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #BF5321; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Mandarin Dark</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#BF5321</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">191, 83, 33</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-mandarin-dark </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #FFBFAC; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Mandarin Light</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#FFBFAC</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">255, 191, 172</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-mandarin-light </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #FFB92A; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Submarine</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#FFB92A</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">255, 185, 42</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-submarine </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #B68600; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Submarine Dark</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#B68600</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">182, 134, 0</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-submarine-dark </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #F8E19A; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Submarine Light</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#F8E19A</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">248, 225, 154</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-submarine-light </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #3ADCC9; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Infinity</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#3ADCC9</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">58, 220, 201</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-infinity </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #007D61; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Infinity Dark</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#007D61</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">0, 125, 97</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-infinity-dark </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #A8E8E2; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Infinity Light</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#A8E8E2</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">168, 232, 226</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-infinity-light </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #327FEF; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Stratosphere</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#327FEF</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">50, 127, 239</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-stratosphere </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #1D418E; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Stratosphere Dark</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#1D418E</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">29, 65, 142</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-stratosphere-dark </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #C3D7FE; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Stratosphere Light</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#C3D7FE</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">195, 215, 254</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-stratosphere-light </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #BFBFBF; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Gray Matter</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#BFBFBF</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">191, 191, 191</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-gray-matter </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #808080; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Gray Matter Dark</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#808080</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">128, 128, 128</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-gray-matter-dark </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #E6E6E6; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Gray Matter Light</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#E6E6E6</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">230, 230, 230</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-gray-matter-light </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #000000; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">Black</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#000000</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">0, 0, 0</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-black </span></p>
</div>
</div>
<div class="mb-3 col-3 d-inline-block border p-0 mr-2">
<div class="wtw-color-swatch" style="background-color: #ffffff; height: 50px"></div>
<div class="color-swatch-wrapper p-2">
<div class="heading-6">White</div>
<p class="m-0 p-0 font-p-xsmall">HEX: <span class="font-monospace">#ffffff</span></p>
<p class="m-0 p-0 font-p-xsmall">RGB: <span class="font-monospace">255, 255, 255</span></p>
<p class="m-0 p-0 font-p-xsmall">SCSS token: <span class="font-monospace">$wtw-white </span></p>
</div>
</div>