css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!-- 01: Color of 2018 Pt.1 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-1-1">#e1dcd9</div>
<div class="palette-color color-2018-1-2">#8e8781</div>
<div class="palette-color color-2018-1-3">#a67f78</div>
<div class="palette-color color-2018-1-4">#414143</div>
</div>
<div class="palette-desc">
<h4>Comfy & Neutral</h4>
</div>
</div>

<!-- 02: Color of 2018 Pt.2 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-2-1">#ffd954</div>
<div class="palette-color color-2018-2-2">#e4b660</div>
<div class="palette-color color-2018-2-3">#f2ab39</div>
<div class="palette-color color-2018-2-4">#69491a</div>
</div>
<div class="palette-desc">
<h4>Mellow Agate</h4>
</div>
</div>

<!-- 03: Color of 2018 Pt.3 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-3-1">#d1ede1</div>
<div class="palette-color color-2018-3-2">#7bc5ae</div>
<div class="palette-color color-2018-3-3">#028c6a</div>
<div class="palette-color color-2018-3-4">#003e19</div>
</div>
<div class="palette-desc">
<h4>Misty Greens</h4>
</div>
</div>

<!-- 04: Color of 2018 Pt.4 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-4-1">#d1dddb</div>
<div class="palette-color color-2018-4-2">#85b8cb</div>
<div class="palette-color color-2018-4-3">#1d6a96</div>
<div class="palette-color color-2018-4-4">#283b42</div>
</div>
<div class="palette-desc">
<h4>Subdued Succulent    </h4>
</div>
</div>

<!-- 05: Color of 2018 Pt.5 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-5-1">#d5d2c1</div>
<div class="palette-color color-2018-5-2">#bd8e62</div>
<div class="palette-color color-2018-5-3">#a46843</div>
<div class="palette-color color-2018-5-4">#370d00</div>
</div>
<div class="palette-desc">
<h4>Western Wear</h4>
</div>
</div>

<!-- 06: Color of 2018 Pt.6 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-6-1">#9bcfb8</div>
<div class="palette-color color-2018-6-2">#7fb174</div>
<div class="palette-color color-2018-6-3">#689c97</div>
<div class="palette-color color-2018-6-4">#072a24</div>
</div>
<div class="palette-desc">
<h4>Emerald Garden</h4>
</div>
</div>

<!-- 07: Color of 2018 Pt.7 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-7-1">#ffc2c3</div>
<div class="palette-color color-2018-7-2">#fe7773</div>
<div class="palette-color color-2018-7-3">#e81e25</div>
<div class="palette-color color-2018-7-4">#0e0301</div>
</div>
<div class="palette-desc">
<h4>Rosy Reds</h4>
</div>
</div>

<!-- 08: Color of 2018 Pt.8 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-8-1">#ece4e2</div>
<div class="palette-color color-2018-8-2">#fcd3d1</div>
<div class="palette-color color-2018-8-3">#fcdff3</div>
<div class="palette-color color-2018-8-4">#fe929f</div>
</div>
<div class="palette-desc">
<h4>Pink Powders</h4>
</div>
</div>

<!-- 09: Color of 2018 Pt.9 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-9-1">#d3b7d8</div>
<div class="palette-color color-2018-9-2">#a13e97</div>
<div class="palette-color color-2018-9-3">#632a7e</div>
<div class="palette-color color-2018-9-4">#280e3b</div>
</div>
<div class="palette-desc">
<h4>Electric Purples</h4>
</div>
</div>

<!-- 10: Color of 2018 Pt.10 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-10-1">#f29b52</div>
<div class="palette-color color-2018-10-2">#f6d074</div>
<div class="palette-color color-2018-10-3">#f4c669</div>
<div class="palette-color color-2018-10-4">#f27786</div>
</div>
<div class="palette-desc">
<h4>Turkish Coffee</h4>
</div>
</div>

<!-- 11: Color of 2018 Pt.11 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-11-1">#e3a6a1</div>
<div class="palette-color color-2018-11-2">#bc5f6a</div>
<div class="palette-color color-2018-11-3">#19b3ba</div>
<div class="palette-color color-2018-11-4">#034b61</div>
</div>
<div class="palette-desc">
<h4>Color Whirl</h4>
</div>
</div>

<!-- 12: Color of 2018 Pt.12 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-12-1">#bdbdbf</div>
<div class="palette-color color-2018-12-2">#5580a0</div>
<div class="palette-color color-2018-12-3">#cc8a4d</div>
<div class="palette-color color-2018-12-4">#32435f</div>
</div>
<div class="palette-desc">
<h4>Grunge Graffiti</h4>
</div>
</div>

<!-- 13: Color of 2018 Pt.13 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-13-1">#b2a59f</div>
<div class="palette-color color-2018-13-2">#023459</div>
<div class="palette-color color-2018-13-3">#1e646e</div>
<div class="palette-color color-2018-13-4">#002c2f</div>
</div>
<div class="palette-desc">
<h4>Celestial Green</h4>
</div>
</div>

<!-- 14: Color of 2018 Pt.14 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-14-1">#b98d72</div>
<div class="palette-color color-2018-14-2">#ae4951</div>
<div class="palette-color color-2018-14-3">#57233a</div>
<div class="palette-color color-2018-14-4">#161b1f</div>
</div>
<div class="palette-desc">
<h4>Cork Crowd</h4>
</div>
</div>

<!-- 15: Color of 2018 Pt.15 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-15-1">#ead6bd</div>
<div class="palette-color color-2018-15-2">#a88661</div>
<div class="palette-color color-2018-15-3">#504e63</div>
<div class="palette-color color-2018-15-4">#00142f</div>
</div>
<div class="palette-desc">
<h4>Snakeskin & Scales</h4>
</div>
</div>

<!-- 16: Color of 2018 Pt.6 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-16-1">#ccd3d9</div>
<div class="palette-color color-2018-16-2">#fed5d9</div>
<div class="palette-color color-2018-16-3">#7e212c</div>
<div class="palette-color color-2018-16-4">#321e17</div>
</div>
<div class="palette-desc">
<h4>Blooming Blossoms</h4>
</div>
</div>

<!-- 17: Color of 2018 Pt.7 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-17-1">#e4dace</div>
<div class="palette-color color-2018-17-2">#e5bb4b</div>
<div class="palette-color color-2018-17-3">#498eaf</div>
<div class="palette-color color-2018-17-4">#631f16</div>
</div>
<div class="palette-desc">
<h4>Angular Kaleidoscope</h4>
</div>
</div>

<!-- 18: Color of 2018 Pt.8 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-18-1">#f2dd66</div>
<div class="palette-color color-2018-18-2">#9a1b27</div>
<div class="palette-color color-2018-18-3">#747ba9</div>
<div class="palette-color color-2018-18-4">#3b3857</div>
</div>
<div class="palette-desc">
<h4>Raspberry Tart</h4>
</div>
</div>

<!-- 19: Color of 2018 Pt.9 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-19-1">#0359ae</div>
<div class="palette-color color-2018-19-2">#14b09b</div>
<div class="palette-color color-2018-19-3">#ebe5d9</div>
<div class="palette-color color-2018-19-4">#cc8a56</div>
</div>
<div class="palette-desc">
<h4>Vitamin Sea</h4>
</div>
</div>

<!-- 20: Color of 2018 Pt.20 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-20-1">#a6c2ce</div>
<div class="palette-color color-2018-20-2">#9c8f96</div>
<div class="palette-color color-2018-20-3">#ebc57c</div>
<div class="palette-color color-2018-20-4">#6b799e</div>
</div>
<div class="palette-desc">
<h4>Icy Stone</h4>
</div>
</div>

<!-- 11: Color of 2018 Pt.11 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-21-1">#97baa4</div>
<div class="palette-color color-2018-21-2">#499360</div>
<div class="palette-color color-2018-21-3">#295651</div>
<div class="palette-color color-2018-21-4">#232941</div>
</div>
<div class="palette-desc">
<h4>Sea Green</h4>
</div>
</div>

<!-- 22: Color of 2018 Pt.12 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-22-1">#dcc1b0</div>
<div class="palette-color color-2018-22-2">#869dab</div>
<div class="palette-color color-2018-22-3">#847072</div>
<div class="palette-color color-2018-22-4">#3d313f</div>
</div>
<div class="palette-desc">
<h4>Peace & Tranquility</h4>
</div>
</div>

<!-- 23: Color of 2018 Pt.13 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-23-1">#b2d6ca</div>
<div class="palette-color color-2018-23-2">#fe5858</div>
<div class="palette-color color-2018-23-3">#024b40</div>
<div class="palette-color color-2018-23-4">#5d353e</div>
</div>
<div class="palette-desc">
<h4>Pure & Pigmented</h4>
</div>
</div>

<!-- 24: Color of 2018 Pt.14 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-24-1">#e5edf8</div>
<div class="palette-color color-2018-24-2">#e29e93</div>
<div class="palette-color color-2018-24-3">#edbc7a</div>
<div class="palette-color color-2018-24-4">#0384bd</div>
</div>
<div class="palette-desc">
<h4>Soft Watercolors</h4>
</div>
</div>

<!-- 25: Color of 2018 Pt.15 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-25-1">#91d4c2</div>
<div class="palette-color color-2018-25-2">#45bb89</div>
<div class="palette-color color-2018-25-3">#3d82ab</div>
<div class="palette-color color-2018-25-4">#003853</div>
</div>
<div class="palette-desc">
<h4>Northern Lights</h4>
</div>
</div>

<!-- 26: Color of 2018 Pt.6 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-26-1">#1e9ea0</div>
<div class="palette-color color-2018-26-2">#004e6d</div>
<div class="palette-color color-2018-26-3">#fec0c1</div>
<div class="palette-color color-2018-26-4">#dc2543</div>
</div>
<div class="palette-desc">
<h4>Pool Daze</h4>
</div>
</div>

<!-- 27: Color of 2018 Pt.7 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-27-1">#8ca6b3</div>
<div class="palette-color color-2018-27-2">#87c488</div>
<div class="palette-color color-2018-27-3">#aa641e</div>
<div class="palette-color color-2018-27-4">#284651</div>
</div>
<div class="palette-desc">
<h4>Morning Fishermen</h4>
</div>
</div>

<!-- 28: Color of 2018 Pt.8 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-28-1">#db5a9a</div>
<div class="palette-color color-2018-28-2">#e5a46e</div>
<div class="palette-color color-2018-28-3">#125669</div>
<div class="palette-color color-2018-28-4">#0a5b54</div>
</div>
<div class="palette-desc">
<h4>Floral & Fun</h4>
</div>
</div>

<!-- 29: Color of 2018 Pt.9 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-29-1">#d9cfe7</div>
<div class="palette-color color-2018-29-2">#a8bcba</div>
<div class="palette-color color-2018-29-3">#acc66d</div>
<div class="palette-color color-2018-29-4">#50697d</div>
</div>
<div class="palette-desc">
<h4>Cool Chameleon</h4>
</div>
</div>

<!-- 30: Color of 2018 Pt.20 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-30-1">#324856</div>
<div class="palette-color color-2018-30-2">#4a746a</div>
<div class="palette-color color-2018-30-3">#d18237</div>
<div class="palette-color color-2018-30-4">#d66c44</div>
</div>
<div class="palette-desc">
<h4>Gorgeous Galaxies</h4>
</div>
</div>

<!-- 31: Color of 2018 Pt.11 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-31-1">#ffa289</div>
<div class="palette-color color-2018-31-2">#6a92cc</div>
<div class="palette-color color-2018-31-3">#706fab</div>
<div class="palette-color color-2018-31-4">#50293c</div>
</div>
<div class="palette-desc">
<h4>Bold Ballerinas</h4>
</div>
</div>

<!-- 32: Color of 2018 Pt.12 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-32-1">#dbdbe5</div>
<div class="palette-color color-2018-32-2">#a5b7c1</div>
<div class="palette-color color-2018-32-3">#535d55</div>
<div class="palette-color color-2018-32-4">#514644</div>
</div>
<div class="palette-desc">
<h4>Mountainous Trek</h4>
</div>
</div>

<!-- 33: Color of 2018 Pt.13 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-33-1">#c2e6ff</div>
<div class="palette-color color-2018-33-2">#859f3c</div>
<div class="palette-color color-2018-33-3">#007f52</div>
<div class="palette-color color-2018-33-4">#45451f</div>
</div>
<div class="palette-desc">
<h4>Piers & Pelicans</h4>
</div>
</div>

<!-- 34: Color of 2018 Pt.14 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-34-1">#eb8f90</div>
<div class="palette-color color-2018-34-2">#ffb471</div>
<div class="palette-color color-2018-34-3">#adbed2</div>
<div class="palette-color color-2018-34-4">#12406a</div>
</div>
<div class="palette-desc">
<h4>Greek Getaway</h4>
</div>
</div>

<!-- 35: Color of 2018 Pt.15 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-35-1">#6c838b</div>
<div class="palette-color color-2018-35-2">#bb7748</div>
<div class="palette-color color-2018-35-3">#9e6d70</div>
<div class="palette-color color-2018-35-4">#7f726a</div>
</div>
<div class="palette-desc">
<h4>Natural Linens</h4>
</div>
</div>

<!-- 36: Color of 2018 Pt.6 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-36-1">#fddcef</div>
<div class="palette-color color-2018-36-2">#d5c5e9</div>
<div class="palette-color color-2018-36-3">#3a5a69</div>
<div class="palette-color color-2018-36-4">#030923</div>
</div>
<div class="palette-desc">
<h4>Foggy Landscapess</h4>
</div>
</div>

<!-- 37: Color of 2018 Pt.7 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-37-1">#f2f4ef</div>
<div class="palette-color color-2018-37-2">#c2e3f4</div>
<div class="palette-color color-2018-37-3">#efb730</div>
<div class="palette-color color-2018-37-4">#030305</div>
</div>
<div class="palette-desc">
<h4>Bare Birch</h4>
</div>
</div>

<!-- 38: Color of 2018 Pt.8 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-38-1">#d7cbbd</div>
<div class="palette-color color-2018-38-2">#c1893f</div>
<div class="palette-color color-2018-38-3">#af8f90</div>
<div class="palette-color color-2018-38-4">#69454f</div>
</div>
<div class="palette-desc">
<h4>Bundled Yarn</h4>
</div>
</div>

<!-- 39: Color of 2018 Pt.9 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-39-1">#f5e2d4</div>
<div class="palette-color color-2018-39-2">#ecba73</div>
<div class="palette-color color-2018-39-3">#a8dff1</div>
<div class="palette-color color-2018-39-4">#024757</div>
</div>
<div class="palette-desc">
<h4>Ocean Floor</h4>
</div>
</div>

<!-- 40: Color of 2018 Pt.20 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-40-1">#d0dae4</div>
<div class="palette-color color-2018-40-2">#2a6078</div>
<div class="palette-color color-2018-40-3">#b9cd74</div>
<div class="palette-color color-2018-40-4">#085438</div>
</div>
<div class="palette-desc">
<h4>Desert Beauty</h4>
</div>
</div>

<!-- 41: Color of 2018 Pt.11 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-41-1">#82bbb5</div>
<div class="palette-color color-2018-41-2">#ca884b</div>
<div class="palette-color color-2018-41-3">#d1825b</div>
<div class="palette-color color-2018-41-4">#cca142</div>
</div>
<div class="palette-desc">
<h4>Vintage Vibes</h4>
</div>
</div>

<!-- 42: Color of 2018 Pt.12 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-42-1">#afb3bc</div>
<div class="palette-color color-2018-42-2">#e5ba22</div>
<div class="palette-color color-2018-42-3">#757430</div>
<div class="palette-color color-2018-42-4">#d0b987</div>
</div>
<div class="palette-desc">
<h4>Central Breeze</h4>
</div>
</div>

<!-- 43: Color of 2018 Pt.13 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-43-1">#7f9871</div>
<div class="palette-color color-2018-43-2">#9795a3</div>
<div class="palette-color color-2018-43-3">#c94f44</div>
<div class="palette-color color-2018-43-4">#261326</div>
</div>
<div class="palette-desc">
<h4>Island Tourist</h4>
</div>
</div>

<!-- 44: Color of 2018 Pt.14 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-44-1">#cadbae</div>
<div class="palette-color color-2018-44-2">#b0cccf</div>
<div class="palette-color color-2018-44-3">#d65a50</div>
<div class="palette-color color-2018-44-4">#1e3815</div>
</div>
<div class="palette-desc">
<h4>Blooming Bouquet</h4>
</div>
</div>

<!-- 45: Color of 2018 Pt.15 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-45-1">#bed3d4</div>
<div class="palette-color color-2018-45-2">#e8caa4</div>
<div class="palette-color color-2018-45-3">#a1b872</div>
<div class="palette-color color-2018-45-4">#e5d67b</div>
</div>
<div class="palette-desc">
<h4>Calming & Soothing</h4>
</div>
</div>

<!-- 46: Color of 2018 Pt.6 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-46-1">#eda2b6</div>
<div class="palette-color color-2018-46-2">#abbf4e</div>
<div class="palette-color color-2018-46-3">#7a96a2</div>
<div class="palette-color color-2018-46-4">#252621</div>
</div>
<div class="palette-desc">
<h4>Exterior Blossoms</h4>
</div>
</div>

<!-- 47: Color of 2018 Pt.7 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-47-1">#8ad5eb</div>
<div class="palette-color color-2018-47-2">#8a54a2</div>
<div class="palette-color color-2018-47-3">#5954a4</div>
<div class="palette-color color-2018-47-4">#04254e</div>
</div>
<div class="palette-desc">
<h4>Luminous Lines</h4>
</div>
</div>

<!-- 48: Color of 2018 Pt.8 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-48-1">#fec748</div>
<div class="palette-color color-2018-48-2">#d92139</div>
<div class="palette-color color-2018-48-3">#aec33a</div>
<div class="palette-color color-2018-48-4">#253f58</div>
</div>
<div class="palette-desc">
<h4>Tropic Popsicles</h4>
</div>
</div>

<!-- 49: Color of 2018 Pt.9 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-49-1">#33c7f7</div>
<div class="palette-color color-2018-49-2">#dfa0c8</div>
<div class="palette-color color-2018-49-3">#2c439b</div>
<div class="palette-color color-2018-49-4">#25255f</div>
</div>
<div class="palette-desc">
<h4>Distorted Abstraction</h4>
</div>
</div>

<!-- 50: Color of 2018 Pt.20 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-50-1">#eac1db</div>
<div class="palette-color color-2018-50-2">#a1268e</div>
<div class="palette-color color-2018-50-3">#9d1e31</div>
<div class="palette-color color-2018-50-4">#2c0136</div>
</div>
<div class="palette-desc">
<h4>Pops of Neon</h4>
</div>
</div>

<!-- 51: Color of 2018 Pt.11 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-51-1">#c7c5b8</div>
<div class="palette-color color-2018-51-2">#38618f</div>
<div class="palette-color color-2018-51-3">#fd9735</div>
<div class="palette-color color-2018-51-4">#ff6745</div>
</div>
<div class="palette-desc">
<h4>Rainy Views</h4>
</div>
</div>

<!-- 52: Color of 2018 Pt.12 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-52-1">#fec804</div>
<div class="palette-color color-2018-52-2">#f26322</div>
<div class="palette-color color-2018-52-3">#7a2d59</div>
<div class="palette-color color-2018-52-4">#181b46</div>
</div>
<div class="palette-desc">
<h4>Arizona Sunsets</h4>
</div>
</div>

<!-- 13: Color of 2018 Pt.13 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-53-1">#eac9c0</div>
<div class="palette-color color-2018-53-2">#dab2d3</div>
<div class="palette-color color-2018-53-3">#9edae3</div>
<div class="palette-color color-2018-53-4">#65c4d8</div>
</div>
<div class="palette-desc">
<h4>Colorful Bloom</h4>
</div>
</div>

<!-- 54: Color of 2018 Pt.14 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-54-1">#ffd0d6</div>
<div class="palette-color color-2018-54-2">#b7dde0</div>
<div class="palette-color color-2018-54-3">#fee19f</div>
<div class="palette-color color-2018-54-4">#735b69</div>
</div>
<div class="palette-desc">
<h4>Pastel Pastries</h4>
</div>
</div>

<!-- 55: Color of 2018 Pt.15 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-55-1">#f6e0ae</div>
<div class="palette-color color-2018-55-2">#ffb312</div>
<div class="palette-color color-2018-55-3">#85cfb4</div>
<div class="palette-color color-2018-55-4">#ed186b</div>
</div>
<div class="palette-desc">
<h4>Meticulous Mandala</h4>
</div>
</div>

<!-- 56: Color of 2018 Pt.6 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-56-1">#efc638</div>
<div class="palette-color color-2018-56-2">#416eb6</div>
<div class="palette-color color-2018-56-3">#715ca8</div>
<div class="palette-color color-2018-56-4">#2b103b</div>
</div>
<div class="palette-desc">
<h4>Cobalt Caves</h4>
</div>
</div>

<!-- 57: Color of 2018 Pt.7 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-57-1">#f0bbc3</div>
<div class="palette-color color-2018-57-2">#10a44a</div>
<div class="palette-color color-2018-57-3">#fd8411</div>
<div class="palette-color color-2018-57-4">#877d7c</div>
</div>
<div class="palette-desc">
<h4>Bright Cityscape</h4>
</div>
</div>

<!-- 58: Color of 2018 Pt.8 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-58-1">#ecec84</div>
<div class="palette-color color-2018-58-2">#ffb69b</div>
<div class="palette-color color-2018-58-3">#a299ca</div>
<div class="palette-color color-2018-58-4">#7ccaae</div>
</div>
<div class="palette-desc">
<h4>Luminous Bubbles</h4>
</div>
</div>

<!-- 59: Color of 2018 Pt.9 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-59-1">#dad0ae</div>
<div class="palette-color color-2018-59-2">#f5e68b</div>
<div class="palette-color color-2018-59-3">#6bb6a1</div>
<div class="palette-color color-2018-59-4">#df6033</div>
</div>
<div class="palette-desc">
<h4>Poolside Waves</h4>
</div>
</div>

<!-- 60: Color of 2018 Pt.20 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-60-1">#fed770</div>
<div class="palette-color color-2018-60-2">#f29f8f</div>
<div class="palette-color color-2018-60-3">#fb7552</div>
<div class="palette-color color-2018-60-4">#076a67</div>
</div>
<div class="palette-desc">
<h4>Italian Dwellings</h4>
</div>
</div>

<!-- 61: Color of 2018 Pt.11 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-61-1">#a9dfed</div>
<div class="palette-color color-2018-61-2">#edb6e8</div>
<div class="palette-color color-2018-61-3">#84c0e9</div>
<div class="palette-color color-2018-61-4">#37419a</div>
</div>
<div class="palette-desc">
<h4>Vivid Overlays</h4>
</div>
</div>

<!-- 62: Color of 2018 Pt.12 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-62-1">#fce53d</div>
<div class="palette-color color-2018-62-2">#ffa614</div>
<div class="palette-color color-2018-62-3">#ca4026</div>
<div class="palette-color color-2018-62-4">#7e1331</div>
</div>
<div class="palette-desc">
<h4>Sunny Scallops</h4>
</div>
</div>

<!-- 63: Color of 2018 Pt.13 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-63-1">#f5c9ca</div>
<div class="palette-color color-2018-63-2">#aad4ec</div>
<div class="palette-color color-2018-63-3">#f5ce45</div>
<div class="palette-color color-2018-63-4">#ca664e</div>
</div>
<div class="palette-desc">
<h4>Pastel Patios</h4>
</div>
</div>

<!-- 64: Color of 2018 Pt.14 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-64-1">#ffe246</div>
<div class="palette-color color-2018-64-2">#f4a5a1</div>
<div class="palette-color color-2018-64-3">#1abcbd</div>
<div class="palette-color color-2018-64-4">#014254</div>
</div>
<div class="palette-desc">
<h4>Vibrant Vibes</h4>
</div>
</div>

<!-- 65: Color of 2018 Pt.15 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-65-1">#f9e54e</div>
<div class="palette-color color-2018-65-2">#f8981d</div>
<div class="palette-color color-2018-65-3">#e12e4b</div>
<div class="palette-color color-2018-65-4">#5bbdc8</div>
</div>
<div class="palette-desc">
<h4>Crisp Citrus</h4>
</div>
</div>

<!-- 66: Color of 2018 Pt.6 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-66-1">#bcc74f</div>
<div class="palette-color color-2018-66-2">#f38f3a</div>
<div class="palette-color color-2018-66-3">#712333</div>
<div class="palette-color color-2018-66-4">#3b3a73</div>
</div>
<div class="palette-desc">
<h4>Hot Chili</h4>
</div>
</div>

<!-- 67: Color of 2018 Pt.7 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-67-1">#b1dade</div>
<div class="palette-color color-2018-67-2">#f4ad45</div>
<div class="palette-color color-2018-67-3">#ad184f</div>
<div class="palette-color color-2018-67-4">#496a23</div>
</div>
<div class="palette-desc">
<h4>Tea Party</h4>
</div>
</div>

<!-- 68: Color of 2018 Pt.8 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-68-1">#ffec73</div>
<div class="palette-color color-2018-68-2">#77bca9</div>
<div class="palette-color color-2018-68-3">#f78e1e</div>
<div class="palette-color color-2018-68-4">#015077</div>
</div>
<div class="palette-desc">
<h4>Rainbow Reverie</h4>
</div>
</div>

<!-- 69: Color of 2018 Pt.9 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-69-1">#edc9e0</div>
<div class="palette-color color-2018-69-2">#ffb42a</div>
<div class="palette-color color-2018-69-3">#ee1d47</div>
<div class="palette-color color-2018-69-4">#742063</div>
</div>
<div class="palette-desc">
<h4>Acrylic Madness</h4>
</div>
</div>

<!-- 70: Color of 2018 Pt.20 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-70-1">#faa98b</div>
<div class="palette-color color-2018-70-2">#e6aecf</div>
<div class="palette-color color-2018-70-3">#aee0dd</div>
<div class="palette-color color-2018-70-4">#01acbd</div>
</div>
<div class="palette-desc">
<h4>Fresh Spring</h4>
</div>
</div>

<!-- 71: Color of 2018 Pt.11 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-71-1">#bedae5</div>
<div class="palette-color color-2018-71-2">#eecb27</div>
<div class="palette-color color-2018-71-3">#e13239</div>
<div class="palette-color color-2018-71-4">#1f1762</div>
</div>
<div class="palette-desc">
<h4>Summer Getaway</h4>
</div>
</div>

<!-- 72: Color of 2018 Pt.12 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-72-1">#f2f3af</div>
<div class="palette-color color-2018-72-2">#ffd84f</div>
<div class="palette-color color-2018-72-3">#d74126</div>
<div class="palette-color color-2018-72-4">#50a0c3</div>
</div>
<div class="palette-desc">
<h4>Bohemian Motif</h4>
</div>
</div>

<!-- 73: Color of 2018 Pt.13 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-73-1">#ffbdb0</div>
<div class="palette-color color-2018-73-2">#fc801c</div>
<div class="palette-color color-2018-73-3">#bb496b</div>
<div class="palette-color color-2018-73-4">#311418</div>
</div>
<div class="palette-desc">
<h4>Coral Anemone</h4>
</div>
</div>

<!-- 74: Color of 2018 Pt.14 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-74-1">#ffdd00</div>
<div class="palette-color color-2018-74-2">#f15a22</div>
<div class="palette-color color-2018-74-3">#5fad46</div>
<div class="palette-color color-2018-74-4">#478fcd</div>
</div>
<div class="palette-desc">
<h4>Striking Macaw</h4>
</div>
</div>

<!-- 75: Color of 2018 Pt.15 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-75-1">#ffb630</div>
<div class="palette-color color-2018-75-2">#f4c5d7</div>
<div class="palette-color color-2018-75-3">#ff445f</div>
<div class="palette-color color-2018-75-4">#6f925a</div>
</div>
<div class="palette-desc">
<h4>Spring Fling</h4>
</div>
</div>

<!-- 76: Color of 2018 Pt.6 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-76-1">#f2af1d</div>
<div class="palette-color color-2018-76-2">#ee6a22</div>
<div class="palette-color color-2018-76-3">#d3d6c3</div>
<div class="palette-color color-2018-76-4">#5a5c4f</div>
</div>
<div class="palette-desc">
<h4>Koi Pond</h4>
</div>
</div>

<!-- 77: Color of 2018 Pt.7 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-77-1">#fec6ad</div>
<div class="palette-color color-2018-77-2">#a2b75c</div>
<div class="palette-color color-2018-77-3">#fe6323</div>
<div class="palette-color color-2018-77-4">#1f1f29</div>
</div>
<div class="palette-desc">
<h4>Japanese Gardens</h4>
</div>
</div>

<!-- 78: Color of 2018 Pt.8 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-78-1">#ffb53c</div>
<div class="palette-color color-2018-78-2">#eeb3a3</div>
<div class="palette-color color-2018-78-3">#f3553c</div>
<div class="palette-color color-2018-78-4">#642a02</div>
</div>
<div class="palette-desc">
<h4>Citrus Punch</h4>
</div>
</div>

<!-- 79: Color of 2018 Pt.9 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-79-1">#ffe083</div>
<div class="palette-color color-2018-79-2">#e99a24</div>
<div class="palette-color color-2018-79-3">#2b3c1a</div>
<div class="palette-color color-2018-79-4">#171516</div>
</div>
<div class="palette-desc">
<h4>Mango Dream</h4>
</div>
</div>

<!-- 80: Color of 2018 Pt.20 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-80-1">#a5a79a</div>
<div class="palette-color color-2018-80-2">#eca442</div>
<div class="palette-color color-2018-80-3">#ca2521</div>
<div class="palette-color color-2018-80-4">#61120e</div>
</div>
<div class="palette-desc">
<h4>Wood Fired</h4>
</div>
</div>

<!-- 81: Color of 2018 Pt.11 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-81-1">#d8b484</div>
<div class="palette-color color-2018-81-2">#b16b2f</div>
<div class="palette-color color-2018-81-3">#c76331</div>
<div class="palette-color color-2018-81-4">#9a3513</div>
</div>
<div class="palette-desc">
<h4>Terracotta Marble</h4>
</div>
</div>

<!-- 82: Color of 2018 Pt.12 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-82-1">#cc5b3b</div>
<div class="palette-color color-2018-82-2">#982827</div>
<div class="palette-color color-2018-82-3">#92617e</div>
<div class="palette-color color-2018-82-4">#3c1832</div>
</div>
<div class="palette-desc">
<h4>Lush & Luxurious</h4>
</div>
</div>

<!-- 83: Color of 2018 Pt.13 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-83-1">#b2a59f</div>
<div class="palette-color color-2018-83-2">#023459</div>
<div class="palette-color color-2018-83-3">#1e646e</div>
<div class="palette-color color-2018-83-4">#002c2f</div>
</div>
<div class="palette-desc">
<h4>Sushi Platter</h4>
</div>
</div>

<!-- 84: Color of 2018 Pt.14 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-84-1">#fef0bf</div>
<div class="palette-color color-2018-84-2">#f3b749</div>
<div class="palette-color color-2018-84-3">#655c57</div>
<div class="palette-color color-2018-84-4">#2e1e11</div>
</div>
<div class="palette-desc">
<h4>Bird in the Shadows</h4>
</div>
</div>

<!-- 85: Color of 2018 Pt.15 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-85-1">#e5d1ac</div>
<div class="palette-color color-2018-85-2">#ef6e2c</div>
<div class="palette-color color-2018-85-3">#61271c</div>
<div class="palette-color color-2018-85-4">#2c413c</div>
</div>
<div class="palette-desc">
<h4>Rustic & Traditional</h4>
</div>
</div>

<!-- 86: Color of 2018 Pt.6 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-86-1">#9ab878</div>
<div class="palette-color color-2018-86-2">#f2de99</div>
<div class="palette-color color-2018-86-3">#e98d24</div>
<div class="palette-color color-2018-86-4">#252839</div>
</div>
<div class="palette-desc">
<h4>Butterfly Bliss</h4>
</div>
</div>

<!-- 87: Color of 2018 Pt.7 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-87-1">#867182</div>
<div class="palette-color color-2018-87-2">#f2d3c1</div>
<div class="palette-color color-2018-87-3">#d36d3d</div>
<div class="palette-color color-2018-87-4">#b12c25</div>
</div>
<div class="palette-desc">
<h4>Adventurous Reds</h4>
</div>
</div>

<!-- 88: Color of 2018 Pt.8 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-88-1">#dfe4de</div>
<div class="palette-color color-2018-88-2">#126f80</div>
<div class="palette-color color-2018-88-3">#f95151</div>
<div class="palette-color color-2018-88-4">#525e76</div>
</div>
<div class="palette-desc">
<h4>Fitness Sportswear</h4>
</div>
</div>

<!-- 89: Color of 2018 Pt.9 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-89-1">#e8c7b6</div>
<div class="palette-color color-2018-89-2">#eb9772</div>
<div class="palette-color color-2018-89-3">#676477</div>
<div class="palette-color color-2018-89-4">#32435f</div>
</div>
<div class="palette-desc">
<h4>Textile Dyes</h4>
</div>
</div>

<!-- 90: Color of 2018 Pt.20 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-90-1">#ced7d4</div>
<div class="palette-color color-2018-90-2">#fcbe71</div>
<div class="palette-color color-2018-90-3">#e55c25</div>
<div class="palette-color color-2018-90-4">#608796</div>
</div>
<div class="palette-desc">
<h4>Rooftop Views</h4>
</div>
</div>

<!-- 91: Color of 2018 Pt.11 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-91-1">#9e5165</div>
<div class="palette-color color-2018-91-2">#a51e22</div>
<div class="palette-color color-2018-91-3">#204b24</div>
<div class="palette-color color-2018-91-4">#0b2637</div>
</div>
<div class="palette-desc">
<h4>Pure Produce</h4>
</div>
</div>

<!-- 92: Color of 2018 Pt.12 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-92-1">#feb75d</div>
<div class="palette-color color-2018-92-2">#55c9ea</div>
<div class="palette-color color-2018-92-3">#013b63</div>
<div class="palette-color color-2018-92-4">#000e2b</div>
</div>
<div class="palette-desc">
<h4>Mediterranean Marine</h4>
</div>
</div>

<!-- 93: Color of 2018 Pt.13 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-93-1">#ee3239</div>
<div class="palette-color color-2018-93-2">#5eaa5f</div>
<div class="palette-color color-2018-93-3">#fece00</div>
<div class="palette-color color-2018-93-4">#9d6ab9</div>
</div>
<div class="palette-desc">
<h4>Juicy Fruits</h4>
</div>
</div>

<!-- 94: Color of 2018 Pt.14 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-94-1">#d2e0e9</div>
<div class="palette-color color-2018-94-2">#4579a0</div>
<div class="palette-color color-2018-94-3">#002130</div>
<div class="palette-color color-2018-94-4">#a35d22</div>
</div>
<div class="palette-desc">
<h4>Rusted Gates</h4>
</div>
</div>

<!-- 95: Color of 2018 Pt.15 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-95-1">#ffefa1</div>
<div class="palette-color color-2018-95-2">#ffb21a</div>
<div class="palette-color color-2018-95-3">#876363</div>
<div class="palette-color color-2018-95-4">#414b6f</div>
</div>
<div class="palette-desc">
<h4>Snow & Sunshine</h4>
</div>
</div>

<!-- 96: Color of 2018 Pt.6 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-96-1">#e6b6c2</div>
<div class="palette-color color-2018-96-2">#d4587a</div>
<div class="palette-color color-2018-96-3">#dc364c</div>
<div class="palette-color color-2018-96-4">#778633</div>
</div>
<div class="palette-desc">
<h4>Decorative Florals</h4>
</div>
</div>

<!-- 97: Color of 2018 Pt.7 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-97-1">#fed700</div>
<div class="palette-color color-2018-97-2">#1e9ad0</div>
<div class="palette-color color-2018-97-3">#7e2e0b</div>
<div class="palette-color color-2018-97-4">#9a6231</div>
</div>
<div class="palette-desc">
<h4>Buzzing Blooms</h4>
</div>
</div>

<!-- 98: Color of 2018 Pt.8 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-98-1">#596fb5</div>
<div class="palette-color color-2018-98-2">#fe7139</div>
<div class="palette-color color-2018-98-3">#928a99</div>
<div class="palette-color color-2018-98-4">#695d85</div>
</div>
<div class="palette-desc">
<h4>Rainy Day</h4>
</div>
</div>

<!-- 99: Color of 2018 Pt.9 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-99-1">#fbd1a7</div>
<div class="palette-color color-2018-99-2">#607178</div>
<div class="palette-color color-2018-99-3">#353c42</div>
<div class="palette-color color-2018-99-4">#01273c</div>
</div>
<div class="palette-desc">
<h4>Bakery Treats</h4>
</div>
</div>

<!-- 100: Color of 2018 Pt.20 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-100-1">#9ea2ab</div>
<div class="palette-color color-2018-100-2">#6d8db6</div>
<div class="palette-color color-2018-100-3">#ffcc71</div>
<div class="palette-color color-2018-100-4">#a16f3a</div>
</div>
<div class="palette-desc">
<h4>Tigers & Tundra</h4>
</div>
</div>

<!-- 101: Color of 2018 Pt.20 -->
<div class="color-combo">
<div class="palette">
<div class="palette-color color-2018-101-1">#9cb3c5</div>
<div class="palette-color color-2018-101-2">#586c50</div>
<div class="palette-color color-2018-101-3">#d5683d</div>
<div class="palette-color color-2018-101-4">#865b2e</div>
</div>
<div class="palette-desc">
<h4>Aged Arrangement</h4>
</div>
</div>
            
          
!
            
              :focus{
outline: none;
}

br { clear: both; }


.color-combo {
    margin: 20px 0; 
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    background-color: #f7f8f9;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(226, 228, 231, 0.75);
    -moz-box-shadow:    0px 3px 0px 0px rgba(226, 228, 231, 0.75);
    box-shadow:         0px 3px 0px 0px rgba(226, 228, 231, 0.75);
    }
@media (min-width: 768px) {
  .color-combo {
    max-width:100%;
    }
}
.palette{
  
  display: -webkit-flex;
  display: flex;
  flex-flow: row;
  
}

.palette-color {
  flex: 1 auto;
  font-family: Montserrat, serif;
  padding: 55px 8px 8px;
  color: #FFF;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-sizing: border-box;
  
}

@media (min-width: 768px) {
  .palette-color{
    
    height: 68px;
    padding: 16px 12px;
    font-size: 13px;
  }
}

.palette-desc{
  padding: 10px 0 10px 4px;
  color: #4a494e;
}

.palette-desc h4{
  margin: 10px;
  font-size: 11px;
  text-transform: uppercase;
  font-family: montserrat;
  letter-spacing: 2px;
}

.palette-color ,
.demo-default  {
  background-color: transparent;
}


/* 01: Pastel Color Pt.1 */
.color-2018-1-1{
  background-color: #e1dcd9;
}
.color-2018-1-2{
  background-color: #8e8781;
}
.color-2018-1-3{
  background-color: #a67f78;
}
.color-2018-1-4{
  background-color: #414143;
}

/* 02: Pastel Color Pt.2 */
.color-2018-2-1{
  background-color: #ffd954;
}
.color-2018-2-2{
  background-color: #e4b660;
}
.color-2018-2-3{
  background-color: #f2ab39;
}
.color-2018-2-4{
  background-color: #69491a;
}

/* 03: Pastel Color Pt.3 */
.color-2018-3-1{
  background-color: #d1ede1;
}
.color-2018-3-2{
  background-color: #7bc5ae;
}
.color-2018-3-3{
  background-color: #028c6a;
}
.color-2018-3-4{
  background-color: #003e19;
}

/* 04: Pastel Color Pt.4 */
.color-2018-4-1{
  background-color: #d1dddb;
}
.color-2018-4-2{
  background-color: #85b8cb;
}
.color-2018-4-3{
  background-color: #1d6a96;
}
.color-2018-4-4{
  background-color: #283b42;
}

/* 05: Pastel Color Pt.5 */
.color-2018-5-1{
  background-color: #d5d2c1;
}
.color-2018-5-2{
  background-color: #bd8e62;
}
.color-2018-5-3{
  background-color: #a46843;
}
.color-2018-5-4{
  background-color: #370d00;
}

/* 06: Pastel Color Pt.6 */
.color-2018-6-1{
  background-color: #9bcfb8;
}
.color-2018-6-2{
  background-color: #7fb174;
}
.color-2018-6-3{
  background-color: #689c97;
}
.color-2018-6-4{
  background-color: #072a24;
}

/* 07: Pastel Color Pt.7 */
.color-2018-7-1{
  background-color: #ffc2c3;
}
.color-2018-7-2{
  background-color: #fe7773;
}
.color-2018-7-3{
  background-color: #e81e25;
}
.color-2018-7-4{
  background-color: #0e0301;
}

/* 08: Pastel Color Pt.8 */
.color-2018-8-1{
  background-color: #ece4e2;
}
.color-2018-8-2{
  background-color: #fcd3d1;
}
.color-2018-8-3{
  background-color: #fcdff3;
}
.color-2018-8-4{
  background-color: #fe929f;
}

/* 09: Pastel Color Pt.9 */
.color-2018-9-1{
  background-color: #d3b7d8;
}
.color-2018-9-2{
  background-color: #a13e97;
}
.color-2018-9-3{
  background-color: #632a7e;
}
.color-2018-9-4{
  background-color: #280e3b;
}

/* 010: Pastel Color Pt.10 */
.color-2018-10-1{
  background-color: #b78338;
}
.color-2018-10-2{
  background-color: #915c4c;
}
.color-2018-10-3{
  background-color: #40686a;
}
.color-2018-10-4{
  background-color: #2f1812;
}

/* 011: Pastel Color Pt.11 */
.color-2018-11-1{
  background-color: #e3a6a1;
}
.color-2018-11-2{
  background-color: #bc5f6a;
}
.color-2018-11-3{
  background-color: #19b3ba;
}
.color-2018-11-4{
  background-color: #034b61;
}

/* 012: Pastel Color Pt.12 */
.color-2018-12-1{
  background-color: #bdbdbf;
}
.color-2018-12-2{
  background-color: #5580a0;
}
.color-2018-12-3{
  background-color: #cc8a4d;
}
.color-2018-12-4{
  background-color: #32435f;
}

/* 013: Pastel Color Pt.13 */
.color-2018-13-1{
  background-color: #b2a59f;
}
.color-2018-13-2{
  background-color: #023459;
}
.color-2018-13-3{
  background-color: #1e646e;
}
.color-2018-13-4{
  background-color: #002c2f;
}

/* 014: Pastel Color Pt.14 */
.color-2018-14-1{
  background-color: #b98d72;
}
.color-2018-14-2{
  background-color: #ae4951;
}
.color-2018-14-3{
  background-color: #57233a;
}
.color-2018-14-4{
  background-color: #161b1f;
}


/* 015: Pastel Color Pt.15 */
.color-2018-15-1{
  background-color: #ead6bd;
}
.color-2018-15-2{
  background-color: #a88661;
}
.color-2018-15-3{
  background-color: #504e63;
}
.color-2018-15-4{
  background-color: #00142f;
}

/* 16: Pastel Color Pt.6 */
.color-2018-16-1{
  background-color: #ccd3d9;
}
.color-2018-16-2{
  background-color: #fed5d9;
}
.color-2018-16-3{
  background-color: #7e212c;
}
.color-2018-16-4{
  background-color: #321e17;
}

/* 17: Pastel Color Pt.7 */
.color-2018-17-1{
  background-color: #e4dace;
}
.color-2018-17-2{
  background-color: #e5bb4b;
}
.color-2018-17-3{
  background-color: #498eaf;
}
.color-2018-17-4{
  background-color: #631f16;
}

/* 18: Pastel Color Pt.8 */
.color-2018-18-1{
  background-color: #f2dd66;
}
.color-2018-18-2{
  background-color: #9a1b27;
}
.color-2018-18-3{
  background-color: #747ba9;
}
.color-2018-18-4{
  background-color: #3b3857;
}

/* 19: Pastel Color Pt.9 */
.color-2018-19-1{
  background-color: #0359ae;
}
.color-2018-19-2{
  background-color: #14b09b;
}
.color-2018-19-3{
  background-color: #ebe5d9;
}
.color-2018-19-4{
  background-color: #cc8a56;
}

/* 20: Pastel Color Pt.10 */
.color-2018-20-1{
  background-color: #a6c2ce;
}
.color-2018-20-2{
  background-color: #9c8f96;
}
.color-2018-20-3{
  background-color: #ebc57c;
}
.color-2018-20-4{
  background-color: #6b799e;
}

/* 01: Pastel Color Pt.1 */
.color-2018-21-1{
  background-color: #97baa4;
}
.color-2018-21-2{
  background-color: #499360;
}
.color-2018-21-3{
  background-color: #295651;
}
.color-2018-21-4{
  background-color: #232941;
}

/* 02: Pastel Color Pt.2 */
.color-2018-22-1{
  background-color: #dcc1b0;
}
.color-2018-22-2{
  background-color: #869dab;
}
.color-2018-22-3{
  background-color: #847072;
}
.color-2018-22-4{
  background-color: #3d313f;
}

/* 03: Pastel Color Pt.3 */
.color-2018-23-1{
  background-color: #b2d6ca;
}
.color-2018-23-2{
  background-color: #fe5858;
}
.color-2018-23-3{
  background-color: #024b40;
}
.color-2018-23-4{
  background-color: #5d353e;
}

/* 04: Pastel Color Pt.4 */
.color-2018-24-1{
  background-color: #e5edf8;
}
.color-2018-24-2{
  background-color: #e29e93;
}
.color-2018-24-3{
  background-color: #edbc7a;
}
.color-2018-24-4{
  background-color: #0384bd;
}

/* 05: Pastel Color Pt.5 */
.color-2018-25-1{
  background-color: #91d4c2;
}
.color-2018-25-2{
  background-color: #45bb89;
}
.color-2018-25-3{
  background-color: #3d82ab;
}
.color-2018-25-4{
  background-color: #003853;
}

/* 16: Pastel Color Pt.6 */
.color-2018-26-1{
  background-color: #1e9ea0;
}
.color-2018-26-2{
  background-color: #004e6d;
}
.color-2018-26-3{
  background-color: #fec0c1;
}
.color-2018-26-4{
  background-color: #dc2543;
}

/* 17: Pastel Color Pt.7 */
.color-2018-27-1{
  background-color: #8ca6b3;
}
.color-2018-27-2{
  background-color: #87c488;
}
.color-2018-27-3{
  background-color: #aa641e;
}
.color-2018-27-4{
  background-color: #284651;
}

/* 18: Pastel Color Pt.8 */
.color-2018-28-1{
  background-color: #db5a9a;
}
.color-2018-28-2{
  background-color: #e5a46e;
}
.color-2018-28-3{
  background-color: #125669;
}
.color-2018-28-4{
  background-color: #0a5b54;
}

/* 19: Pastel Color Pt.9 */
.color-2018-29-1{
  background-color: #d9cfe7;
}
.color-2018-29-2{
  background-color: #a8bcba;
}
.color-2018-29-3{
  background-color: #acc66d;
}
.color-2018-29-4{
  background-color: #50697d;
}

/* 20: Pastel Color Pt.10 */
.color-2018-30-1{
  background-color: #324856;
}
.color-2018-30-2{
  background-color: #4a746a;
}
.color-2018-30-3{
  background-color: #d18237;
}
.color-2018-30-4{
  background-color: #d66c44;
}

/* 01: Pastel Color Pt.1 */
.color-2018-31-1{
  background-color: #ffa289;
}
.color-2018-31-2{
  background-color: #6a92cc;
}
.color-2018-31-3{
  background-color: #706fab;
}
.color-2018-31-4{
  background-color: #50293c;
}

/* 02: Pastel Color Pt.2 */
.color-2018-32-1{
  background-color: #dbdbe5;
}
.color-2018-32-2{
  background-color: #a5b7c1;
}
.color-2018-32-3{
  background-color: #535d55;
}
.color-2018-32-4{
  background-color: #514644;
}

/* 03: Pastel Color Pt.3 */
.color-2018-33-1{
  background-color: #c2e6ff;
}
.color-2018-33-2{
  background-color: #859f3c;
}
.color-2018-33-3{
  background-color: #007f52;
}
.color-2018-33-4{
  background-color: #45451f;
}

/* 04: Pastel Color Pt.4 */
.color-2018-34-1{
  background-color: #eb8f90;
}
.color-2018-34-2{
  background-color: #ffb471;
}
.color-2018-34-3{
  background-color: #adbed2;
}
.color-2018-34-4{
  background-color: #12406a;
}

/* 05: Pastel Color Pt.5 */
.color-2018-35-1{
  background-color: #6c838b;
}
.color-2018-35-2{
  background-color: #bb7748;
}
.color-2018-35-3{
  background-color: #9e6d70;
}
.color-2018-35-4{
  background-color: #7f726a;
}

/* 16: Pastel Color Pt.6 */
.color-2018-36-1{
  background-color: #fddcef;
}
.color-2018-36-2{
  background-color: #d5c5e9;
}
.color-2018-36-3{
  background-color: #3a5a69;
}
.color-2018-36-4{
  background-color: #030923;
}

/* 17: Pastel Color Pt.7 */
.color-2018-37-1{
  background-color: #f2f4ef;
}
.color-2018-37-2{
  background-color: #c2e3f4;
}
.color-2018-37-3{
  background-color: #efb730;
}
.color-2018-37-4{
  background-color: #030305;
}

/* 18: Pastel Color Pt.8 */
.color-2018-38-1{
  background-color: #d7cbbd;
}
.color-2018-38-2{
  background-color: #c1893f;
}
.color-2018-38-3{
  background-color: #af8f90;
}
.color-2018-38-4{
  background-color: #69454f;
}

/* 19: Pastel Color Pt.9 */
.color-2018-39-1{
  background-color: #f5e2d4;
}
.color-2018-39-2{
  background-color: #ecba73;
}
.color-2018-39-3{
  background-color: #a8dff1;
}
.color-2018-39-4{
  background-color: #024757;
}

/* 20: Pastel Color Pt.10 */
.color-2018-40-1{
  background-color: #d0dae4;
}
.color-2018-40-2{
  background-color: #2a6078;
}
.color-2018-40-3{
  background-color: #b9cd74;
}
.color-2018-40-4{
  background-color: #085438;
}

/* 41: Pastel Color Pt.1 */
.color-2018-41-1{
  background-color: #82bbb5;
}
.color-2018-41-2{
  background-color: #ca884b;
}
.color-2018-41-3{
  background-color: #d1825b;
}
.color-2018-41-4{
  background-color: #cca142;
}

/* 42: Pastel Color Pt.2 */
.color-2018-42-1{
  background-color: #afb3bc;
}
.color-2018-42-2{
  background-color: #e5ba22;
}
.color-2018-42-3{
  background-color: #757430;
}
.color-2018-42-4{
  background-color: #d0b987;
}

/* 43: Pastel Color Pt.3 */
.color-2018-43-1{
  background-color: #7f9871;
}
.color-2018-43-2{
  background-color: #9795a3;
}
.color-2018-43-3{
  background-color: #c94f44;
}
.color-2018-43-4{
  background-color: #261326;
}

/* 44: Pastel Color Pt.4 */
.color-2018-44-1{
  background-color: #cadbae;
}
.color-2018-44-2{
  background-color: #b0cccf;
}
.color-2018-44-3{
  background-color: #d65a50;
}
.color-2018-44-4{
  background-color: #1e3815;
}

/* 45: Pastel Color Pt.5 */
.color-2018-45-1{
  background-color: #bed3d4;
}
.color-2018-45-2{
  background-color: #e8caa4;
}
.color-2018-45-3{
  background-color: #a1b872;
}
.color-2018-45-4{
  background-color: #e5d67b;
}

/* 46: Pastel Color Pt.6 */
.color-2018-46-1{
  background-color: #eda2b6;
}
.color-2018-46-2{
  background-color: #abbf4e;
}
.color-2018-46-3{
  background-color: #7a96a2;
}
.color-2018-46-4{
  background-color: #252621;
}

/* 47: Pastel Color Pt.7 */
.color-2018-47-1{
  background-color: #8ad5eb;
}
.color-2018-47-2{
  background-color: #8a54a2;
}
.color-2018-47-3{
  background-color: #5954a4;
}
.color-2018-47-4{
  background-color: #04254e;
}

/* 48: Pastel Color Pt.8 */
.color-2018-48-1{
  background-color: #fec748;
}
.color-2018-48-2{
  background-color: #d92139;
}
.color-2018-48-3{
  background-color: #aec33a;
}
.color-2018-48-4{
  background-color: #253f58;
}

/* 19: Pastel Color Pt.9 */
.color-2018-49-1{
  background-color: #33c7f7;
}
.color-2018-49-2{
  background-color: #dfa0c8;
}
.color-2018-49-3{
  background-color: #2c439b;
}
.color-2018-49-4{
  background-color: #25255f;
}

/* 50: Pastel Color Pt.10 */
.color-2018-50-1{
  background-color: #eac1db;
}
.color-2018-50-2{
  background-color: #a1268e;
}
.color-2018-50-3{
  background-color: #9d1e31;
}
.color-2018-50-4{
  background-color: #2c0136;
}

/* 01: Pastel Color Pt.1 */
.color-2018-51-1{
  background-color: #c7c5b8;
}
.color-2018-51-2{
  background-color: #38618f;
}
.color-2018-51-3{
  background-color: #fd9735;
}
.color-2018-51-4{
  background-color: #ff6745;
}

/* 02: Pastel Color Pt.2 */
.color-2018-52-1{
  background-color: #fec804;
}
.color-2018-52-2{
  background-color: #f26322;
}
.color-2018-52-3{
  background-color: #7a2d59;
}
.color-2018-52-4{
  background-color: #181b46;
}

/* 53: Pastel Color Pt.3 */
.color-2018-53-1{
  background-color: #eac9c0;
}
.color-2018-53-2{
  background-color: #dab2d3;
}
.color-2018-53-3{
  background-color: #9edae3;
}
.color-2018-53-4{
  background-color: #65c4d8;
}

/* 54: Pastel Color Pt.4 */
.color-2018-54-1{
  background-color: #ffd0d6;
}
.color-2018-54-2{
  background-color: #b7dde0;
}
.color-2018-54-3{
  background-color: #fee19f;
}
.color-2018-54-4{
  background-color: #735b69;
}

/* 55: Pastel Color Pt.5 */
.color-2018-55-1{
  background-color: #f6e0ae;
}
.color-2018-55-2{
  background-color: #ffb312;
}
.color-2018-55-3{
  background-color: #85cfb4;
}
.color-2018-55-4{
  background-color: #ed186b;
}

/* 56: Pastel Color Pt.6 */
.color-2018-56-1{
  background-color: #efc638;
}
.color-2018-56-2{
  background-color: #416eb6;
}
.color-2018-56-3{
  background-color: #715ca8;
}
.color-2018-56-4{
  background-color: #2b103b;
}

/* 17: Pastel Color Pt.7 */
.color-2018-57-1{
  background-color: #f0bbc3;
}
.color-2018-57-2{
  background-color: #10a44a;
}
.color-2018-57-3{
  background-color: #fd8411;
}
.color-2018-57-4{
  background-color: #877d7c;
}

/* 58: Pastel Color Pt.8 */
.color-2018-58-1{
  background-color: #ecec84;
}
.color-2018-58-2{
  background-color: #ffb69b;
}
.color-2018-58-3{
  background-color: #a299ca;
}
.color-2018-58-4{
  background-color: #7ccaae;
}

/* 59: Pastel Color Pt.9 */
.color-2018-59-1{
  background-color: #dad0ae;
}
.color-2018-59-2{
  background-color: #f5e68b;
}
.color-2018-59-3{
  background-color: #6bb6a1;
}
.color-2018-59-4{
  background-color: #df6033;
}

/* 60: Pastel Color Pt.10 */
.color-2018-60-1{
  background-color: #fed770;
}
.color-2018-60-2{
  background-color: #f29f8f;
}
.color-2018-60-3{
  background-color: #fb7552;
}
.color-2018-60-4{
  background-color: #076a67;
}

/* 61: Pastel Color Pt.1 */
.color-2018-61-1{
  background-color: #a9dfed;
}
.color-2018-61-2{
  background-color: #edb6e8;
}
.color-2018-61-3{
  background-color: #84c0e9;
}
.color-2018-61-4{
  background-color: #37419a;
}

/* 62: Pastel Color Pt.2 */
.color-2018-62-1{
  background-color: #fce53d;
}
.color-2018-62-2{
  background-color: #ffa614;
}
.color-2018-62-3{
  background-color: #ca4026;
}
.color-2018-62-4{
  background-color: #7e1331;
}

/* 63: Pastel Color Pt.3 */
.color-2018-63-1{
  background-color: #f5c9ca;
}
.color-2018-63-2{
  background-color: #aad4ec;
}
.color-2018-63-3{
  background-color: #f5ce45;
}
.color-2018-63-4{
  background-color: #ca664e;
}

/* 64: Pastel Color Pt.4 */
.color-2018-64-1{
  background-color: #ffe246;
}
.color-2018-64-2{
  background-color: #f4a5a1;
}
.color-2018-64-3{
  background-color: #1abcbd;
}
.color-2018-64-4{
  background-color: #014254;
}

/* 65: Pastel Color Pt.5 */
.color-2018-65-1{
  background-color: #f9e54e;
}
.color-2018-65-2{
  background-color: #f8981d;
}
.color-2018-65-3{
  background-color: #e12e4b;
}
.color-2018-65-4{
  background-color: #5bbdc8;
}

/* 66: Pastel Color Pt.6 */
.color-2018-66-1{
  background-color: #bcc74f;
}
.color-2018-66-2{
  background-color: #f38f3a;
}
.color-2018-66-3{
  background-color: #712333;
}
.color-2018-66-4{
  background-color: #3b3a73;
}

/* 67: Pastel Color Pt.7 */
.color-2018-67-1{
  background-color: #b1dade;
}
.color-2018-67-2{
  background-color: #f4ad45;
}
.color-2018-67-3{
  background-color: #ad184f;
}
.color-2018-67-4{
  background-color: #496a23;
}

/* 68: Pastel Color Pt.8 */
.color-2018-68-1{
  background-color: #ffec73;
}
.color-2018-68-2{
  background-color: #77bca9;
}
.color-2018-68-3{
  background-color: #f78e1e;
}
.color-2018-68-4{
  background-color: #015077;
}

/* 69: Pastel Color Pt.9 */
.color-2018-69-1{
  background-color: #edc9e0;
}
.color-2018-69-2{
  background-color: #ffb42a;
}
.color-2018-69-3{
  background-color: #ee1d47;
}
.color-2018-69-4{
  background-color: #742063;
}

/* 70: Pastel Color Pt.10 */
.color-2018-70-1{
  background-color: #faa98b;
}
.color-2018-70-2{
  background-color: #e6aecf;
}
.color-2018-70-3{
  background-color: #aee0dd;
}
.color-2018-70-4{
  background-color: #01acbd;
}

/* 71: Pastel Color Pt.1 */
.color-2018-71-1{
  background-color: #bedae5;
}
.color-2018-71-2{
  background-color: #eecb27;
}
.color-2018-71-3{
  background-color: #e13239;
}
.color-2018-71-4{
  background-color: #1f1762;
}

/* 72: Pastel Color Pt.2 */
.color-2018-72-1{
  background-color: #f2f3af;
}
.color-2018-72-2{
  background-color: #ffd84f;
}
.color-2018-72-3{
  background-color: #d74126;
}
.color-2018-72-4{
  background-color: #50a0c3;
}

/* 73: Pastel Color Pt.3 */
.color-2018-73-1{
  background-color: #ffbdb0;
}
.color-2018-73-2{
  background-color: #fc801c;
}
.color-2018-73-3{
  background-color: #bb496b;
}
.color-2018-73-4{
  background-color: #311418;
}

/* 74: Pastel Color Pt.4 */
.color-2018-74-1{
  background-color: #ffdd00;
}
.color-2018-74-2{
  background-color: #f15a22;
}
.color-2018-74-3{
  background-color: #5fad46;
}
.color-2018-74-4{
  background-color: #478fcd;
}

/* 95: Pastel Color Pt.5 */
.color-2018-75-1{
  background-color: #ffb630;
}
.color-2018-75-2{
  background-color: #f4c5d7;
}
.color-2018-75-3{
  background-color: #ff445f;
}
.color-2018-75-4{
  background-color: #6f925a;
}

/* 76: Pastel Color Pt.6 */
.color-2018-76-1{
  background-color: #f2af1d;
}
.color-2018-76-2{
  background-color: #ee6a22;
}
.color-2018-76-3{
  background-color: #d3d6c3;
}
.color-2018-76-4{
  background-color: #5a5c4f;
}

/* 77: Pastel Color Pt.7 */
.color-2018-77-1{
  background-color: #fec6ad;
}
.color-2018-77-2{
  background-color: #a2b75c;
}
.color-2018-77-3{
  background-color: #fe6323;
}
.color-2018-77-4{
  background-color: #1f1f29;
}

/* 78: Pastel Color Pt.8 */
.color-2018-78-1{
  background-color: #ffb53c;
}
.color-2018-78-2{
  background-color: #eeb3a3;
}
.color-2018-78-3{
  background-color: #f3553c;
}
.color-2018-78-4{
  background-color: #642a02;
}

/* 79: Pastel Color Pt.9 */
.color-2018-79-1{
  background-color: #ffe083;
}
.color-2018-79-2{
  background-color: #e99a24;
}
.color-2018-79-3{
  background-color: #2b3c1a;
}
.color-2018-79-4{
  background-color: #171516;
}

/* 80: Pastel Color Pt.10 */
.color-2018-80-1{
  background-color: #a5a79a;
}
.color-2018-80-2{
  background-color: #eca442;
}
.color-2018-80-3{
  background-color: #ca2521;
}
.color-2018-80-4{
  background-color: #61120e;
}

/* 81: Pastel Color Pt.1 */
.color-2018-81-1{
  background-color: #d8b484;
}
.color-2018-81-2{
  background-color: #b16b2f;
}
.color-2018-81-3{
  background-color: #c76331;
}
.color-2018-81-4{
  background-color: #9a3513;
}

/* 82: Pastel Color Pt.2 */
.color-2018-82-1{
  background-color: #cc5b3b;
}
.color-2018-82-2{
  background-color: #982827;
}
.color-2018-82-3{
  background-color: #92617e;
}
.color-2018-82-4{
  background-color: #3c1832;
}

/* 83: Pastel Color Pt.3 */
.color-2018-83-1{
  background-color: #f69864;
}
.color-2018-83-2{
  background-color: #e95761;
}
.color-2018-83-3{
  background-color: #290f02;
}
.color-2018-83-4{
  background-color: #1e4620;
}

/* 84: Pastel Color Pt.4 */
.color-2018-84-1{
  background-color: #fef0bf;
}
.color-2018-84-2{
  background-color: #f3b749;
}
.color-2018-84-3{
  background-color: #655c57;
}
.color-2018-84-4{
  background-color: #2e1e11;
}

/* 85: Pastel Color Pt.5 */
.color-2018-85-1{
  background-color: #e5d1ac;
}
.color-2018-85-2{
  background-color: #ef6e2c;
}
.color-2018-85-3{
  background-color: #61271c;
}
.color-2018-85-4{
  background-color: #2c413c;
}

/* 86: Pastel Color Pt.6 */
.color-2018-86-1{
  background-color: #9ab878;
}
.color-2018-86-2{
  background-color: #f2de99;
}
.color-2018-86-3{
  background-color: #e98d24;
}
.color-2018-86-4{
  background-color: #252839;
}

/* 87: Pastel Color Pt.7 */
.color-2018-87-1{
  background-color: #867182;
}
.color-2018-87-2{
  background-color: #f2d3c1;
}
.color-2018-87-3{
  background-color: #d36d3d;
}
.color-2018-87-4{
  background-color: #b12c25;
}

/* 88: Pastel Color Pt.8 */
.color-2018-88-1{
  background-color: #dfe4de;
}
.color-2018-88-2{
  background-color: #126f80;
}
.color-2018-88-3{
  background-color: #f95151;
}
.color-2018-88-4{
  background-color: #525e76;
}

/* 89: Pastel Color Pt.9 */
.color-2018-89-1{
  background-color: #e8c7b6;
}
.color-2018-89-2{
  background-color: #eb9772;
}
.color-2018-89-3{
  background-color: #676477;
}
.color-2018-89-4{
  background-color: #32435f;
}

/* 90: Pastel Color Pt.10 */
.color-2018-90-1{
  background-color: #ced7d4;
}
.color-2018-90-2{
  background-color: #fcbe71;
}
.color-2018-90-3{
  background-color: #e55c25;
}
.color-2018-90-4{
  background-color: #608796;
}

/* 91: Pastel Color Pt.1 */
.color-2018-91-1{
  background-color: #9e5165;
}
.color-2018-91-2{
  background-color: #a51e22;
}
.color-2018-91-3{
  background-color: #204b24;
}
.color-2018-91-4{
  background-color: #0b2637;
}

/* 92: Pastel Color Pt.2 */
.color-2018-92-1{
  background-color: #feb75d;
}
.color-2018-92-2{
  background-color: #55c9ea;
}
.color-2018-92-3{
  background-color: #013b63;
}
.color-2018-92-4{
  background-color: #000e2b;
}

/* 93: Pastel Color Pt.3 */
.color-2018-93-1{
  background-color: #ee3239;
}
.color-2018-93-2{
  background-color: #5eaa5f;
}
.color-2018-93-3{
  background-color: #fece00;
}
.color-2018-93-4{
  background-color: #9d6ab9;
}

/* 94: Pastel Color Pt.4 */
.color-2018-94-1{
  background-color: #d2e0e9;
}
.color-2018-94-2{
  background-color: #4579a0;
}
.color-2018-94-3{
  background-color: #002130;
}
.color-2018-94-4{
  background-color: #a35d22;
}

/* 95: Pastel Color Pt.5 */
.color-2018-95-1{
  background-color: #ffefa1;
}
.color-2018-95-2{
  background-color: #ffb21a;
}
.color-2018-95-3{
  background-color: #876363;
}
.color-2018-95-4{
  background-color: #414b6f;
}

/* 96: Pastel Color Pt.6 */
.color-2018-96-1{
  background-color: #e6b6c2;
}
.color-2018-96-2{
  background-color: #d4587a;
}
.color-2018-96-3{
  background-color: #dc364c;
}
.color-2018-96-4{
  background-color: #778633;
}

/* 97: Pastel Color Pt.7 */
.color-2018-97-1{
  background-color: #fed700;
}
.color-2018-97-2{
  background-color: #1e9ad0;
}
.color-2018-97-3{
  background-color: #7e2e0b;
}
.color-2018-97-4{
  background-color: #9a6231;
}

/* 98: Pastel Color Pt.8 */
.color-2018-98-1{
  background-color: #596fb5;
}
.color-2018-98-2{
  background-color: #fe7139;
}
.color-2018-98-3{
  background-color: #928a99;
}
.color-2018-98-4{
  background-color: #695d85;
}

/* 99: Pastel Color Pt.9 */
.color-2018-99-1{
  background-color: #fbd1a7;
}
.color-2018-99-2{
  background-color: #607178;
}
.color-2018-99-3{
  background-color: #353c42;
}
.color-2018-99-4{
  background-color: #01273c;
}

/* 100: Pastel Color Pt.10 */
.color-2018-100-1{
  background-color: #9ea2ab;
}
.color-2018-100-2{
  background-color: #6d8db6;
}
.color-2018-100-3{
  background-color: #ffcc71;
}
.color-2018-100-4{
  background-color: #a16f3a;
}

/* 101: Pastel Color Pt.10 */
.color-2018-101-1{
  background-color: #9cb3c5;
}
.color-2018-101-2{
  background-color: #586c50;
}
.color-2018-101-3{
  background-color: #d5683d;
}
.color-2018-101-4{
  background-color: #865b2e;
}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console