So far we've used default CSS colors, which have some unique names. However, there are millions of more colors we can use.

<html> <head> <style> .color { height: 170px; width: 50px; display: inline-block; margin: auto; border: 1px solid white; box-sizing: border-box; box-shadow: 2px 3px 5px black; } .palette { display: block; margin: auto; width: 274.2px; } .a { background-color: #F8B195; } .b { background-color: #F67280; } .c { background-color: #C06C84; } .d { background-color: #6C5B7B; } .e { background-color: #594F4F; } .f { background-color: #E5FCC2; } .g { background-color: #9DE0AD; } .h { background-color: #45ADA8; } .i { background-color: #547980; } .j { background-color: #355C7D; } </style> </head> <body style="background-color: #F7EEE9;"> <h3 style="text-align: center; font-family: Helvetica;">Color Palettes</h3> <div class="palette"> <div class="a color"> </div> <div class="b color"> </div> <div class="c color"> </div> <div class="d color"> </div> <div class="e color"> </div> <div class="f color"> </div> <div class="g color"> </div> <div class="h color"> </div> <div class="i color"> </div> <div class="j color"> </div> </div> </body> </html>]]>