<html lang="en">
<head>
<meta charset="utf-8">
<title>Proposed Color Pattel</title>
</head>
<body>
<header>Color pattel for my website</header>
<div id="pattel"></div>
<script>
var colors = {
base0: "#1B2B34",
base1: "#343D46",
base2: "#4F5B66",
base3: "#65737E",
base4: "#A7ADBA",
base5: "#C0C5CE",
base6: "#CDD3DE",
base7: "#D8DEE9",
base8: "#EC5f67",
base9: "#F99157",
baseA: "#FAC863",
baseB: "#99C794",
baseC: "#5FB3B3",
baseD: "#6699CC",
baseE: "#C594C5",
baseF: "#AB7967"
};
document.onload = function onDLoad(){
var mountP = document.getElementById("pattel");
};
</script>
</body>
</html>