<!DOCTYPE html> <html class=" tbxicdktnk idc0_343"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Color palette by Paletton.com</title> <meta name="generator" content="Paletton.com"> <style type="text/css"> /* Palette color codes */ /* Feel free to copy&paste color codes to your application */ .primary-1 { background-color: #FDE4F2 } .primary-2 { background-color: #F9CEE7 } .primary-0 { background-color: #F4B8DB } .primary-3 { background-color: #EDA1CE } .primary-4 { background-color: #E58ABF } /* end */ body { margin:0; padding: 2em; background: #fff; color: #000; font: 12px/1.33 "Segoe UI", "Helvetica Neue", Helvetica, sans-serif; text-align:left; } h1 { margin: 0.5em 0; font-size: 200%; } p { margin: 0.5em 0; } .color-table { margin: 2em 2em 5em; border-collapse:collapse; border:none; border-spacing:0; font-size:100%; } .color-table th { padding: 0 1em 0 0; text-align: right; vertical-align: middle; font-size: 100%; font-weight: normal; border: none; } .color-table td.sample { width:6em; height:6em; padding: 10px; text-align:center; vertical-align:middle; font-size:90%; border: 1px solid white; white-space:nowrap; } .color-table td.sample-0 { width:18em; } .color-table.small td.sample { width:3em; height:3em; padding:0; border:none; } .color-table.small td.sample-0 { width:9em; } .color-table .white { margin-bottom:0.2em; color:white } .color-table .black { margin-top:0.2em; color:black } hr { margin: 2em 0 1em 0; border:none; border-bottom:1px solid silver; } #footer { padding:1em; text-align:center; font-size:80%; } </style> </head> <body> <h1>Color Palette by Paletton.com</h1> <p>Palette URL: <a href="http://paletton.com/#uid=1590u0k7UUa3cZA5wXlaiQ5cFL3">http://paletton.com/#uid=1590u0k7UUa3cZA5wXlaiQ5cFL3</a></p> <table class="color-table"> <tbody><tr> <th>Primary color:</th> <td class="sample sample-1 primary-1"> <div class="white">#FDE4F2</div> <div class="black">#FDE4F2</div> </td> <td class="sample sample-2 primary-2"> <div class="white">#F9CEE7</div> <div class="black">#F9CEE7</div> </td> <td class="sample sample-0 primary-0"> <div class="white">#F4B8DB</div> <div class="black">#F4B8DB</div> </td> <td class="sample sample-3 primary-3"> <div class="white">#EDA1CE</div> <div class="black">#EDA1CE</div> </td> <td class="sample sample-4 primary-4"> <div class="white">#E58ABF</div> <div class="black">#E58ABF</div> </td> </tr> </tbody></table> <table class="color-table small"> <tbody><tr> <th>Primary color:</th> <td class="sample sample-1 primary-1"></td> <td class="sample sample-2 primary-2"></td> <td class="sample sample-0 primary-0"></td> <td class="sample sample-3 primary-3"></td> <td class="sample sample-4 primary-4"></td> </tr> </tbody></table> <p> See the HTML source for more details.<br> Use the <em>Save / Save As...</em> command in your browser to store the document for latter use. </p> <hr> <p id="footer">Generated by <a href="http://paletton.com/">Paletton.com</a> © 2002-2014</p> </body></html>