# Color Groups
Based on the [web extended colors](https://en.wikipedia.org/wiki/Web_colors#Extended_colors)
although the colors were grouped by hand by the `ColorPalette` author.
<div style="margin-top: 5rem;" id=blue />
## Blue (37 colors)
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #000080; padding: 0.5rem;" id="color-4">
<div style="margin-right: 2rem; font-weight: bold;">4:</div>
<div style="margin-right: 2rem;">Hex: #000080 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #000080" href="ColorPalette.html#blue_004/0">
:blue_004
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0000ff; padding: 0.5rem;" id="color-12">
<div style="margin-right: 2rem; font-weight: bold;">12:</div>
<div style="margin-right: 2rem;">Hex: #0000ff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #0000ff" href="ColorPalette.html#blue_021/0">
:blue_021
</a>
, <a style="color: white; background_color: #0000ff" href="ColorPalette.html#light_blue_012/0">
:light_blue_012
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #00005f; padding: 0.5rem;" id="color-17">
<div style="margin-right: 2rem; font-weight: bold;">17:</div>
<div style="margin-right: 2rem;">Hex: #00005f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #00005f" href="ColorPalette.html#fuzzy_wuzzy/0">
:fuzzy_wuzzy
</a>
, <a style="color: white; background_color: #00005f" href="ColorPalette.html#very_dark_blue/0">
:very_dark_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #000087; padding: 0.5rem;" id="color-18">
<div style="margin-right: 2rem; font-weight: bold;">18:</div>
<div style="margin-right: 2rem;">Hex: #000087 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #000087" href="ColorPalette.html#navy_blue/0">
:navy_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0000af; padding: 0.5rem;" id="color-19">
<div style="margin-right: 2rem; font-weight: bold;">19:</div>
<div style="margin-right: 2rem;">Hex: #0000af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #0000af" href="ColorPalette.html#carnation_pink/0">
:carnation_pink
</a>
, <a style="color: white; background_color: #0000af" href="ColorPalette.html#duke_blue/0">
:duke_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0000d7; padding: 0.5rem;" id="color-20">
<div style="margin-right: 2rem; font-weight: bold;">20:</div>
<div style="margin-right: 2rem;">Hex: #0000d7 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #0000d7" href="ColorPalette.html#medium_blue/0">
:medium_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0000ff; padding: 0.5rem;" id="color-21">
<div style="margin-right: 2rem; font-weight: bold;">21:</div>
<div style="margin-right: 2rem;">Hex: #0000ff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #0000ff" href="ColorPalette.html#blue_021/0">
:blue_021
</a>
, <a style="color: white; background_color: #0000ff" href="ColorPalette.html#light_blue_012/0">
:light_blue_012
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #005f87; padding: 0.5rem;" id="color-24">
<div style="margin-right: 2rem; font-weight: bold;">24:</div>
<div style="margin-right: 2rem;">Hex: #005f87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #005f87" href="ColorPalette.html#orient/0">
:orient
</a>
, <a style="color: white; background_color: #005f87" href="ColorPalette.html#sea_blue/0">
:sea_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #005faf; padding: 0.5rem;" id="color-25">
<div style="margin-right: 2rem; font-weight: bold;">25:</div>
<div style="margin-right: 2rem;">Hex: #005faf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #005faf" href="ColorPalette.html#dark_blue/0">
:dark_blue
</a>
, <a style="color: white; background_color: #005faf" href="ColorPalette.html#endeavour/0">
:endeavour
</a>
, <a style="color: white; background_color: #005faf" href="ColorPalette.html#medium_persian_blue/0">
:medium_persian_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #005fd7; padding: 0.5rem;" id="color-26">
<div style="margin-right: 2rem; font-weight: bold;">26:</div>
<div style="margin-right: 2rem;">Hex: #005fd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #005fd7" href="ColorPalette.html#science_blue/0">
:science_blue
</a>
, <a style="color: white; background_color: #005fd7" href="ColorPalette.html#true_blue/0">
:true_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #005fff; padding: 0.5rem;" id="color-27">
<div style="margin-right: 2rem; font-weight: bold;">27:</div>
<div style="margin-right: 2rem;">Hex: #005fff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #005fff" href="ColorPalette.html#blue_ribbon/0">
:blue_ribbon
</a>
, <a style="color: white; background_color: #005fff" href="ColorPalette.html#brandeis_blue/0">
:brandeis_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0087af; padding: 0.5rem;" id="color-31">
<div style="margin-right: 2rem; font-weight: bold;">31:</div>
<div style="margin-right: 2rem;">Hex: #0087af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #0087af" href="ColorPalette.html#blue/0">
:blue
</a>
, <a style="color: white; background_color: #0087af" href="ColorPalette.html#steel_blue/0">
:steel_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0087d7; padding: 0.5rem;" id="color-32">
<div style="margin-right: 2rem; font-weight: bold;">32:</div>
<div style="margin-right: 2rem;">Hex: #0087d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #0087d7" href="ColorPalette.html#blue_cola/0">
:blue_cola
</a>
, <a style="color: white; background_color: #0087d7" href="ColorPalette.html#lochmara/0">
:lochmara
</a>
, <a style="color: white; background_color: #0087d7" href="ColorPalette.html#strong_blue/0">
:strong_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #0087ff; padding: 0.5rem;" id="color-33">
<div style="margin-right: 2rem; font-weight: bold;">33:</div>
<div style="margin-right: 2rem;">Hex: #0087ff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #0087ff" href="ColorPalette.html#azure/0">
:azure
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00afd7; padding: 0.5rem;" id="color-38">
<div style="margin-right: 2rem; font-weight: bold;">38:</div>
<div style="margin-right: 2rem;">Hex: #00afd7 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00afd7" href="ColorPalette.html#cerulean/0">
:cerulean
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00afff; padding: 0.5rem;" id="color-39">
<div style="margin-right: 2rem; font-weight: bold;">39:</div>
<div style="margin-right: 2rem;">Hex: #00afff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00afff" href="ColorPalette.html#azure_radiance/0">
:azure_radiance
</a>
, <a style="color: black; background_color: #00afff" href="ColorPalette.html#blue_bolt/0">
:blue_bolt
</a>
, <a style="color: black; background_color: #00afff" href="ColorPalette.html#pure_blue/0">
:pure_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00d7ff; padding: 0.5rem;" id="color-45">
<div style="margin-right: 2rem; font-weight: bold;">45:</div>
<div style="margin-right: 2rem;">Hex: #00d7ff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00d7ff" href="ColorPalette.html#vivid_sky_blue/0">
:vivid_sky_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f5f87; padding: 0.5rem;" id="color-60">
<div style="margin-right: 2rem; font-weight: bold;">60:</div>
<div style="margin-right: 2rem;">Hex: #5f5f87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f5f87" href="ColorPalette.html#comet/0">
:comet
</a>
, <a style="color: white; background_color: #5f5f87" href="ColorPalette.html#mostly_desaturated_dark_blue/0">
:mostly_desaturated_dark_blue
</a>
, <a style="color: white; background_color: #5f5f87" href="ColorPalette.html#ucla_blue/0">
:ucla_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f5faf; padding: 0.5rem;" id="color-61">
<div style="margin-right: 2rem; font-weight: bold;">61:</div>
<div style="margin-right: 2rem;">Hex: #5f5faf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f5faf" href="ColorPalette.html#liberty/0">
:liberty
</a>
, <a style="color: white; background_color: #5f5faf" href="ColorPalette.html#scampi/0">
:scampi
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f5fd7; padding: 0.5rem;" id="color-62">
<div style="margin-right: 2rem; font-weight: bold;">62:</div>
<div style="margin-right: 2rem;">Hex: #5f5fd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f5fd7" href="ColorPalette.html#indigo/0">
:indigo
</a>
, <a style="color: white; background_color: #5f5fd7" href="ColorPalette.html#slate_blue/0">
:slate_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f5fff; padding: 0.5rem;" id="color-63">
<div style="margin-right: 2rem; font-weight: bold;">63:</div>
<div style="margin-right: 2rem;">Hex: #5f5fff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f5fff" href="ColorPalette.html#blueberry_063/0">
:blueberry_063
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f87af; padding: 0.5rem;" id="color-67">
<div style="margin-right: 2rem; font-weight: bold;">67:</div>
<div style="margin-right: 2rem;">Hex: #5f87af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f87af" href="ColorPalette.html#dark_moderate_blue/0">
:dark_moderate_blue
</a>
, <a style="color: white; background_color: #5f87af" href="ColorPalette.html#hippie_blue/0">
:hippie_blue
</a>
, <a style="color: white; background_color: #5f87af" href="ColorPalette.html#rackley/0">
:rackley
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5f87d7; padding: 0.5rem;" id="color-68">
<div style="margin-right: 2rem; font-weight: bold;">68:</div>
<div style="margin-right: 2rem;">Hex: #5f87d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5f87d7" href="ColorPalette.html#havelock_blue/0">
:havelock_blue
</a>
, <a style="color: black; background_color: #5f87d7" href="ColorPalette.html#united_nations_blue/0">
:united_nations_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5f87ff; padding: 0.5rem;" id="color-69">
<div style="margin-right: 2rem; font-weight: bold;">69:</div>
<div style="margin-right: 2rem;">Hex: #5f87ff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5f87ff" href="ColorPalette.html#blueberry_069/0">
:blueberry_069
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5fafaf; padding: 0.5rem;" id="color-73">
<div style="margin-right: 2rem; font-weight: bold;">73:</div>
<div style="margin-right: 2rem;">Hex: #5fafaf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5fafaf" href="ColorPalette.html#crystal_blue/0">
:crystal_blue
</a>
, <a style="color: white; background_color: #5fafaf" href="ColorPalette.html#dark_moderate_cyan/0">
:dark_moderate_cyan
</a>
, <a style="color: white; background_color: #5fafaf" href="ColorPalette.html#tradewind/0">
:tradewind
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fafd7; padding: 0.5rem;" id="color-74">
<div style="margin-right: 2rem; font-weight: bold;">74:</div>
<div style="margin-right: 2rem;">Hex: #5fafd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fafd7" href="ColorPalette.html#aqua_pearl/0">
:aqua_pearl
</a>
, <a style="color: black; background_color: #5fafd7" href="ColorPalette.html#carolina_blue/0">
:carolina_blue
</a>
, <a style="color: black; background_color: #5fafd7" href="ColorPalette.html#moderate_blue/0">
:moderate_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fafff; padding: 0.5rem;" id="color-75">
<div style="margin-right: 2rem; font-weight: bold;">75:</div>
<div style="margin-right: 2rem;">Hex: #5fafff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fafff" href="ColorPalette.html#blue_jeans/0">
:blue_jeans
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fd7ff; padding: 0.5rem;" id="color-81">
<div style="margin-right: 2rem; font-weight: bold;">81:</div>
<div style="margin-right: 2rem;">Hex: #5fd7ff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fd7ff" href="ColorPalette.html#light_blue/0">
:light_blue
</a>
, <a style="color: black; background_color: #5fd7ff" href="ColorPalette.html#maya_blue/0">
:maya_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #8787af; padding: 0.5rem;" id="color-103">
<div style="margin-right: 2rem; font-weight: bold;">103:</div>
<div style="margin-right: 2rem;">Hex: #8787af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #8787af" href="ColorPalette.html#cool_grey/0">
:cool_grey
</a>
, <a style="color: white; background_color: #8787af" href="ColorPalette.html#dark_grayish_blue/0">
:dark_grayish_blue
</a>
, <a style="color: white; background_color: #8787af" href="ColorPalette.html#shadow_blue/0">
:shadow_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #8787d7; padding: 0.5rem;" id="color-104">
<div style="margin-right: 2rem; font-weight: bold;">104:</div>
<div style="margin-right: 2rem;">Hex: #8787d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #8787d7" href="ColorPalette.html#chetwode_blue/0">
:chetwode_blue
</a>
, <a style="color: black; background_color: #8787d7" href="ColorPalette.html#ube/0">
:ube
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #8787ff; padding: 0.5rem;" id="color-105">
<div style="margin-right: 2rem; font-weight: bold;">105:</div>
<div style="margin-right: 2rem;">Hex: #8787ff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #8787ff" href="ColorPalette.html#blueberry/0">
:blueberry
</a>
, <a style="color: black; background_color: #8787ff" href="ColorPalette.html#violets_are_blue/0">
:violets_are_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87afd7; padding: 0.5rem;" id="color-110">
<div style="margin-right: 2rem; font-weight: bold;">110:</div>
<div style="margin-right: 2rem;">Hex: #87afd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87afd7" href="ColorPalette.html#light_cobalt_blue/0">
:light_cobalt_blue
</a>
, <a style="color: black; background_color: #87afd7" href="ColorPalette.html#polo_blue/0">
:polo_blue
</a>
, <a style="color: black; background_color: #87afd7" href="ColorPalette.html#slightly_desaturated_blue/0">
:slightly_desaturated_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87afff; padding: 0.5rem;" id="color-111">
<div style="margin-right: 2rem; font-weight: bold;">111:</div>
<div style="margin-right: 2rem;">Hex: #87afff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87afff" href="ColorPalette.html#french_sky_blue/0">
:french_sky_blue
</a>
, <a style="color: black; background_color: #87afff" href="ColorPalette.html#malibu/0">
:malibu
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afafd7; padding: 0.5rem;" id="color-146">
<div style="margin-right: 2rem; font-weight: bold;">146:</div>
<div style="margin-right: 2rem;">Hex: #afafd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afafd7" href="ColorPalette.html#grayish_blue/0">
:grayish_blue
</a>
, <a style="color: black; background_color: #afafd7" href="ColorPalette.html#wild_blue_yonder/0">
:wild_blue_yonder
</a>
, <a style="color: black; background_color: #afafd7" href="ColorPalette.html#wistful/0">
:wistful
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afafff; padding: 0.5rem;" id="color-147">
<div style="margin-right: 2rem; font-weight: bold;">147:</div>
<div style="margin-right: 2rem;">Hex: #afafff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afafff" href="ColorPalette.html#maximum_blue_purple/0">
:maximum_blue_purple
</a>
, <a style="color: black; background_color: #afafff" href="ColorPalette.html#melrose/0">
:melrose
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afd7ff; padding: 0.5rem;" id="color-153">
<div style="margin-right: 2rem; font-weight: bold;">153:</div>
<div style="margin-right: 2rem;">Hex: #afd7ff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afd7ff" href="ColorPalette.html#pale_blue/0">
:pale_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7d7ff; padding: 0.5rem;" id="color-189">
<div style="margin-right: 2rem; font-weight: bold;">189:</div>
<div style="margin-right: 2rem;">Hex: #d7d7ff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7d7ff" href="ColorPalette.html#fog/0">
:fog
</a>
, <a style="color: black; background_color: #d7d7ff" href="ColorPalette.html#pale_lavender/0">
:pale_lavender
</a>
, <a style="color: black; background_color: #d7d7ff" href="ColorPalette.html#very_pale_blue/0">
:very_pale_blue
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=brown />
## Brown (17 colors)
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #875f00; padding: 0.5rem;" id="color-94">
<div style="margin-right: 2rem; font-weight: bold;">94:</div>
<div style="margin-right: 2rem;">Hex: #875f00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #875f00" href="ColorPalette.html#brown/0">
:brown
</a>
, <a style="color: white; background_color: #875f00" href="ColorPalette.html#gamboge_orange/0">
:gamboge_orange
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #875f5f; padding: 0.5rem;" id="color-95">
<div style="margin-right: 2rem; font-weight: bold;">95:</div>
<div style="margin-right: 2rem;">Hex: #875f5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #875f5f" href="ColorPalette.html#copper_rose/0">
:copper_rose
</a>
, <a style="color: white; background_color: #875f5f" href="ColorPalette.html#deep_taupe/0">
:deep_taupe
</a>
, <a style="color: white; background_color: #875f5f" href="ColorPalette.html#mostly_desaturated_dark_red/0">
:mostly_desaturated_dark_red
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af5f00; padding: 0.5rem;" id="color-130">
<div style="margin-right: 2rem; font-weight: bold;">130:</div>
<div style="margin-right: 2rem;">Hex: #af5f00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af5f00" href="ColorPalette.html#dark_orange_brown_tone/0">
:dark_orange_brown_tone
</a>
, <a style="color: white; background_color: #af5f00" href="ColorPalette.html#rose_of_sharon/0">
:rose_of_sharon
</a>
, <a style="color: white; background_color: #af5f00" href="ColorPalette.html#windsor_tan/0">
:windsor_tan
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af5f5f; padding: 0.5rem;" id="color-131">
<div style="margin-right: 2rem; font-weight: bold;">131:</div>
<div style="margin-right: 2rem;">Hex: #af5f5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af5f5f" href="ColorPalette.html#dark_moderate_red/0">
:dark_moderate_red
</a>
, <a style="color: white; background_color: #af5f5f" href="ColorPalette.html#electric_brown/0">
:electric_brown
</a>
, <a style="color: white; background_color: #af5f5f" href="ColorPalette.html#matrix/0">
:matrix
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af8700; padding: 0.5rem;" id="color-136">
<div style="margin-right: 2rem; font-weight: bold;">136:</div>
<div style="margin-right: 2rem;">Hex: #af8700 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af8700" href="ColorPalette.html#dark_goldenrod/0">
:dark_goldenrod
</a>
, <a style="color: white; background_color: #af8700" href="ColorPalette.html#pirate_gold/0">
:pirate_gold
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af875f; padding: 0.5rem;" id="color-137">
<div style="margin-right: 2rem; font-weight: bold;">137:</div>
<div style="margin-right: 2rem;">Hex: #af875f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af875f" href="ColorPalette.html#bronze/0">
:bronze
</a>
, <a style="color: white; background_color: #af875f" href="ColorPalette.html#dark_moderate_orange/0">
:dark_moderate_orange
</a>
, <a style="color: white; background_color: #af875f" href="ColorPalette.html#muesli/0">
:muesli
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #af8787; padding: 0.5rem;" id="color-138">
<div style="margin-right: 2rem; font-weight: bold;">138:</div>
<div style="margin-right: 2rem;">Hex: #af8787 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #af8787" href="ColorPalette.html#dark_grayish_red/0">
:dark_grayish_red
</a>
, <a style="color: black; background_color: #af8787" href="ColorPalette.html#english_lavender/0">
:english_lavender
</a>
, <a style="color: black; background_color: #af8787" href="ColorPalette.html#pharlap/0">
:pharlap
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afaf00; padding: 0.5rem;" id="color-142">
<div style="margin-right: 2rem; font-weight: bold;">142:</div>
<div style="margin-right: 2rem;">Hex: #afaf00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afaf00" href="ColorPalette.html#buddha_gold/0">
:buddha_gold
</a>
, <a style="color: black; background_color: #afaf00" href="ColorPalette.html#dark_yellow_olive_tone/0">
:dark_yellow_olive_tone
</a>
, <a style="color: black; background_color: #afaf00" href="ColorPalette.html#light_gold/0">
:light_gold
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afaf87; padding: 0.5rem;" id="color-144">
<div style="margin-right: 2rem; font-weight: bold;">144:</div>
<div style="margin-right: 2rem;">Hex: #afaf87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afaf87" href="ColorPalette.html#dark_grayish_yellow/0">
:dark_grayish_yellow
</a>
, <a style="color: black; background_color: #afaf87" href="ColorPalette.html#hillary/0">
:hillary
</a>
, <a style="color: black; background_color: #afaf87" href="ColorPalette.html#sage/0">
:sage
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d78700; padding: 0.5rem;" id="color-172">
<div style="margin-right: 2rem; font-weight: bold;">172:</div>
<div style="margin-right: 2rem;">Hex: #d78700 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d78700" href="ColorPalette.html#harvest_gold/0">
:harvest_gold
</a>
, <a style="color: white; background_color: #d78700" href="ColorPalette.html#mango_tango/0">
:mango_tango
</a>
, <a style="color: white; background_color: #d78700" href="ColorPalette.html#strong_orange/0">
:strong_orange
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7875f; padding: 0.5rem;" id="color-173">
<div style="margin-right: 2rem; font-weight: bold;">173:</div>
<div style="margin-right: 2rem;">Hex: #d7875f </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7875f" href="ColorPalette.html#raw_sienna/0">
:raw_sienna
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7af00; padding: 0.5rem;" id="color-178">
<div style="margin-right: 2rem; font-weight: bold;">178:</div>
<div style="margin-right: 2rem;">Hex: #d7af00 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7af00" href="ColorPalette.html#mustard_yellow/0">
:mustard_yellow
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7af5f; padding: 0.5rem;" id="color-179">
<div style="margin-right: 2rem; font-weight: bold;">179:</div>
<div style="margin-right: 2rem;">Hex: #d7af5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7af5f" href="ColorPalette.html#earth_yellow/0">
:earth_yellow
</a>
, <a style="color: black; background_color: #d7af5f" href="ColorPalette.html#moderate_orange/0">
:moderate_orange
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7af87; padding: 0.5rem;" id="color-180">
<div style="margin-right: 2rem; font-weight: bold;">180:</div>
<div style="margin-right: 2rem;">Hex: #d7af87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7af87" href="ColorPalette.html#slightly_desaturated_orange/0">
:slightly_desaturated_orange
</a>
, <a style="color: black; background_color: #d7af87" href="ColorPalette.html#tan/0">
:tan
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7afaf; padding: 0.5rem;" id="color-181">
<div style="margin-right: 2rem; font-weight: bold;">181:</div>
<div style="margin-right: 2rem;">Hex: #d7afaf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7afaf" href="ColorPalette.html#clam_shell/0">
:clam_shell
</a>
, <a style="color: black; background_color: #d7afaf" href="ColorPalette.html#grayish_red/0">
:grayish_red
</a>
, <a style="color: black; background_color: #d7afaf" href="ColorPalette.html#pale_chestnut/0">
:pale_chestnut
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffd787; padding: 0.5rem;" id="color-222">
<div style="margin-right: 2rem; font-weight: bold;">222:</div>
<div style="margin-right: 2rem;">Hex: #ffd787 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffd787" href="ColorPalette.html#grandis/0">
:grandis
</a>
, <a style="color: black; background_color: #ffd787" href="ColorPalette.html#jasmine/0">
:jasmine
</a>
, <a style="color: black; background_color: #ffd787" href="ColorPalette.html#very_light_orange/0">
:very_light_orange
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffd7af; padding: 0.5rem;" id="color-223">
<div style="margin-right: 2rem; font-weight: bold;">223:</div>
<div style="margin-right: 2rem;">Hex: #ffd7af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffd7af" href="ColorPalette.html#caramel/0">
:caramel
</a>
, <a style="color: black; background_color: #ffd7af" href="ColorPalette.html#light_orange/0">
:light_orange
</a>
, <a style="color: black; background_color: #ffd7af" href="ColorPalette.html#pale_orange/0">
:pale_orange
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=cyan />
## Cyan (19 colors)
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #008080; padding: 0.5rem;" id="color-6">
<div style="margin-right: 2rem; font-weight: bold;">6:</div>
<div style="margin-right: 2rem;">Hex: #008080 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #008080" href="ColorPalette.html#cyan_006/0">
:cyan_006
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ffff; padding: 0.5rem;" id="color-14">
<div style="margin-right: 2rem; font-weight: bold;">14:</div>
<div style="margin-right: 2rem;">Hex: #00ffff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ffff" href="ColorPalette.html#aqua/0">
:aqua
</a>
, <a style="color: black; background_color: #00ffff" href="ColorPalette.html#cyan/0">
:cyan
</a>
, <a style="color: black; background_color: #00ffff" href="ColorPalette.html#light_cyan_014/0">
:light_cyan_014
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #008787; padding: 0.5rem;" id="color-30">
<div style="margin-right: 2rem; font-weight: bold;">30:</div>
<div style="margin-right: 2rem;">Hex: #008787 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #008787" href="ColorPalette.html#teal/0">
:teal
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00afaf; padding: 0.5rem;" id="color-37">
<div style="margin-right: 2rem; font-weight: bold;">37:</div>
<div style="margin-right: 2rem;">Hex: #00afaf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00afaf" href="ColorPalette.html#bondi_blue/0">
:bondi_blue
</a>
, <a style="color: black; background_color: #00afaf" href="ColorPalette.html#dark_cyan/0">
:dark_cyan
</a>
, <a style="color: black; background_color: #00afaf" href="ColorPalette.html#tiffany_blue/0">
:tiffany_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00d7d7; padding: 0.5rem;" id="color-44">
<div style="margin-right: 2rem; font-weight: bold;">44:</div>
<div style="margin-right: 2rem;">Hex: #00d7d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00d7d7" href="ColorPalette.html#dark_turquoise/0">
:dark_turquoise
</a>
, <a style="color: black; background_color: #00d7d7" href="ColorPalette.html#robins_egg_blue/0">
:robins_egg_blue
</a>
, <a style="color: black; background_color: #00d7d7" href="ColorPalette.html#strong_cyan/0">
:strong_cyan
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ffff; padding: 0.5rem;" id="color-51">
<div style="margin-right: 2rem; font-weight: bold;">51:</div>
<div style="margin-right: 2rem;">Hex: #00ffff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ffff" href="ColorPalette.html#aqua/0">
:aqua
</a>
, <a style="color: black; background_color: #00ffff" href="ColorPalette.html#cyan/0">
:cyan
</a>
, <a style="color: black; background_color: #00ffff" href="ColorPalette.html#light_cyan_014/0">
:light_cyan_014
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f8787; padding: 0.5rem;" id="color-66">
<div style="margin-right: 2rem; font-weight: bold;">66:</div>
<div style="margin-right: 2rem;">Hex: #5f8787 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f8787" href="ColorPalette.html#mostly_desaturated_dark_cyan/0">
:mostly_desaturated_dark_cyan
</a>
, <a style="color: white; background_color: #5f8787" href="ColorPalette.html#steel_teal/0">
:steel_teal
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fd7d7; padding: 0.5rem;" id="color-80">
<div style="margin-right: 2rem; font-weight: bold;">80:</div>
<div style="margin-right: 2rem;">Hex: #5fd7d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fd7d7" href="ColorPalette.html#medium_turquoise/0">
:medium_turquoise
</a>
, <a style="color: black; background_color: #5fd7d7" href="ColorPalette.html#moderate_cyan/0">
:moderate_cyan
</a>
, <a style="color: black; background_color: #5fd7d7" href="ColorPalette.html#viking/0">
:viking
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fffd7; padding: 0.5rem;" id="color-86">
<div style="margin-right: 2rem; font-weight: bold;">86:</div>
<div style="margin-right: 2rem;">Hex: #5fffd7 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fffd7" href="ColorPalette.html#aquamarine_086/0">
:aquamarine_086
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fffff; padding: 0.5rem;" id="color-87">
<div style="margin-right: 2rem; font-weight: bold;">87:</div>
<div style="margin-right: 2rem;">Hex: #5fffff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fffff" href="ColorPalette.html#aquamarine_087/0">
:aquamarine_087
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87afaf; padding: 0.5rem;" id="color-109">
<div style="margin-right: 2rem; font-weight: bold;">109:</div>
<div style="margin-right: 2rem;">Hex: #87afaf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87afaf" href="ColorPalette.html#dark_grayish_cyan/0">
:dark_grayish_cyan
</a>
, <a style="color: black; background_color: #87afaf" href="ColorPalette.html#gulf_stream/0">
:gulf_stream
</a>
, <a style="color: black; background_color: #87afaf" href="ColorPalette.html#pewter_blue/0">
:pewter_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87d7af; padding: 0.5rem;" id="color-115">
<div style="margin-right: 2rem; font-weight: bold;">115:</div>
<div style="margin-right: 2rem;">Hex: #87d7af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87d7af" href="ColorPalette.html#pearl_aqua/0">
:pearl_aqua
</a>
, <a style="color: black; background_color: #87d7af" href="ColorPalette.html#vista_blue/0">
:vista_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87d7d7; padding: 0.5rem;" id="color-116">
<div style="margin-right: 2rem; font-weight: bold;">116:</div>
<div style="margin-right: 2rem;">Hex: #87d7d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87d7d7" href="ColorPalette.html#bermuda/0">
:bermuda
</a>
, <a style="color: black; background_color: #87d7d7" href="ColorPalette.html#middle_blue_green/0">
:middle_blue_green
</a>
, <a style="color: black; background_color: #87d7d7" href="ColorPalette.html#slightly_desaturated_cyan/0">
:slightly_desaturated_cyan
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87d7ff; padding: 0.5rem;" id="color-117">
<div style="margin-right: 2rem; font-weight: bold;">117:</div>
<div style="margin-right: 2rem;">Hex: #87d7ff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87d7ff" href="ColorPalette.html#very_light_blue/0">
:very_light_blue
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87ffd7; padding: 0.5rem;" id="color-122">
<div style="margin-right: 2rem; font-weight: bold;">122:</div>
<div style="margin-right: 2rem;">Hex: #87ffd7 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87ffd7" href="ColorPalette.html#aquamarine/0">
:aquamarine
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87ffff; padding: 0.5rem;" id="color-123">
<div style="margin-right: 2rem; font-weight: bold;">123:</div>
<div style="margin-right: 2rem;">Hex: #87ffff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87ffff" href="ColorPalette.html#anakiwa/0">
:anakiwa
</a>
, <a style="color: black; background_color: #87ffff" href="ColorPalette.html#electric_blue/0">
:electric_blue
</a>
, <a style="color: black; background_color: #87ffff" href="ColorPalette.html#very_light_cyan/0">
:very_light_cyan
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afd7d7; padding: 0.5rem;" id="color-152">
<div style="margin-right: 2rem; font-weight: bold;">152:</div>
<div style="margin-right: 2rem;">Hex: #afd7d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afd7d7" href="ColorPalette.html#crystal/0">
:crystal
</a>
, <a style="color: black; background_color: #afd7d7" href="ColorPalette.html#grayish_cyan/0">
:grayish_cyan
</a>
, <a style="color: black; background_color: #afd7d7" href="ColorPalette.html#jungle_mist/0">
:jungle_mist
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afffd7; padding: 0.5rem;" id="color-158">
<div style="margin-right: 2rem; font-weight: bold;">158:</div>
<div style="margin-right: 2rem;">Hex: #afffd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afffd7" href="ColorPalette.html#aero_blue/0">
:aero_blue
</a>
, <a style="color: black; background_color: #afffd7" href="ColorPalette.html#lime_green/0">
:lime_green
</a>
, <a style="color: black; background_color: #afffd7" href="ColorPalette.html#magic_mint/0">
:magic_mint
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afffff; padding: 0.5rem;" id="color-159">
<div style="margin-right: 2rem; font-weight: bold;">159:</div>
<div style="margin-right: 2rem;">Hex: #afffff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afffff" href="ColorPalette.html#celeste/0">
:celeste
</a>
, <a style="color: black; background_color: #afffff" href="ColorPalette.html#fresh_air/0">
:fresh_air
</a>
, <a style="color: black; background_color: #afffff" href="ColorPalette.html#pale_cyan/0">
:pale_cyan
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=gray_and_black />
## Gray and Black (32 colors)
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #000000; padding: 0.5rem;" id="color-0">
<div style="margin-right: 2rem; font-weight: bold;">0:</div>
<div style="margin-right: 2rem;">Hex: #000000 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #000000" href="ColorPalette.html#black/0">
:black
</a>
, <a style="color: white; background_color: #000000" href="ColorPalette.html#black_000/0">
:black_000
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #c0c0c0; padding: 0.5rem;" id="color-7">
<div style="margin-right: 2rem; font-weight: bold;">7:</div>
<div style="margin-right: 2rem;">Hex: #c0c0c0 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #c0c0c0" href="ColorPalette.html#argent/0">
:argent
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #808080; padding: 0.5rem;" id="color-8">
<div style="margin-right: 2rem; font-weight: bold;">8:</div>
<div style="margin-right: 2rem;">Hex: #808080 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #808080" href="ColorPalette.html#gray_244/0">
:gray_244
</a>
, <a style="color: black; background_color: #808080" href="ColorPalette.html#light_black/0">
:light_black
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #000000; padding: 0.5rem;" id="color-16">
<div style="margin-right: 2rem; font-weight: bold;">16:</div>
<div style="margin-right: 2rem;">Hex: #000000 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #000000" href="ColorPalette.html#black/0">
:black
</a>
, <a style="color: white; background_color: #000000" href="ColorPalette.html#black_000/0">
:black_000
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f5f5f; padding: 0.5rem;" id="color-59">
<div style="margin-right: 2rem; font-weight: bold;">59:</div>
<div style="margin-right: 2rem;">Hex: #5f5f5f </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f5f5f" href="ColorPalette.html#granite_gray_059/0">
:granite_gray_059
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #878787; padding: 0.5rem;" id="color-102">
<div style="margin-right: 2rem; font-weight: bold;">102:</div>
<div style="margin-right: 2rem;">Hex: #878787 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #878787" href="ColorPalette.html#taupe_gray/0">
:taupe_gray
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afafaf; padding: 0.5rem;" id="color-145">
<div style="margin-right: 2rem; font-weight: bold;">145:</div>
<div style="margin-right: 2rem;">Hex: #afafaf </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afafaf" href="ColorPalette.html#silver_foil/0">
:silver_foil
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7d7d7; padding: 0.5rem;" id="color-188">
<div style="margin-right: 2rem; font-weight: bold;">188:</div>
<div style="margin-right: 2rem;">Hex: #d7d7d7 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7d7d7" href="ColorPalette.html#light_silver/0">
:light_silver
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #080808; padding: 0.5rem;" id="color-232">
<div style="margin-right: 2rem; font-weight: bold;">232:</div>
<div style="margin-right: 2rem;">Hex: #080808 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #080808" href="ColorPalette.html#vampire_black/0">
:vampire_black
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #121212; padding: 0.5rem;" id="color-233">
<div style="margin-right: 2rem; font-weight: bold;">233:</div>
<div style="margin-right: 2rem;">Hex: #121212 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #121212" href="ColorPalette.html#chinese_black/0">
:chinese_black
</a>
, <a style="color: white; background_color: #121212" href="ColorPalette.html#cod_gray/0">
:cod_gray
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #1c1c1c; padding: 0.5rem;" id="color-234">
<div style="margin-right: 2rem; font-weight: bold;">234:</div>
<div style="margin-right: 2rem;">Hex: #1c1c1c </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #1c1c1c" href="ColorPalette.html#eerie_black_234/0">
:eerie_black_234
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #262626; padding: 0.5rem;" id="color-235">
<div style="margin-right: 2rem; font-weight: bold;">235:</div>
<div style="margin-right: 2rem;">Hex: #262626 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #262626" href="ColorPalette.html#eerie_black/0">
:eerie_black
</a>
, <a style="color: white; background_color: #262626" href="ColorPalette.html#raisin_black/0">
:raisin_black
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #303030; padding: 0.5rem;" id="color-236">
<div style="margin-right: 2rem; font-weight: bold;">236:</div>
<div style="margin-right: 2rem;">Hex: #303030 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #303030" href="ColorPalette.html#dark_charcoal/0">
:dark_charcoal
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #3a3a3a; padding: 0.5rem;" id="color-237">
<div style="margin-right: 2rem; font-weight: bold;">237:</div>
<div style="margin-right: 2rem;">Hex: #3a3a3a </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #3a3a3a" href="ColorPalette.html#black_olive/0">
:black_olive
</a>
, <a style="color: white; background_color: #3a3a3a" href="ColorPalette.html#mine_shaft/0">
:mine_shaft
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #444444; padding: 0.5rem;" id="color-238">
<div style="margin-right: 2rem; font-weight: bold;">238:</div>
<div style="margin-right: 2rem;">Hex: #444444 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #444444" href="ColorPalette.html#outer_space/0">
:outer_space
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #4e4e4e; padding: 0.5rem;" id="color-239">
<div style="margin-right: 2rem; font-weight: bold;">239:</div>
<div style="margin-right: 2rem;">Hex: #4e4e4e </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #4e4e4e" href="ColorPalette.html#dark_liver/0">
:dark_liver
</a>
, <a style="color: white; background_color: #4e4e4e" href="ColorPalette.html#tundora/0">
:tundora
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #585858; padding: 0.5rem;" id="color-240">
<div style="margin-right: 2rem; font-weight: bold;">240:</div>
<div style="margin-right: 2rem;">Hex: #585858 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #585858" href="ColorPalette.html#davys_grey/0">
:davys_grey
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #626262; padding: 0.5rem;" id="color-241">
<div style="margin-right: 2rem; font-weight: bold;">241:</div>
<div style="margin-right: 2rem;">Hex: #626262 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #626262" href="ColorPalette.html#granite_gray/0">
:granite_gray
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #6c6c6c; padding: 0.5rem;" id="color-242">
<div style="margin-right: 2rem; font-weight: bold;">242:</div>
<div style="margin-right: 2rem;">Hex: #6c6c6c </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #6c6c6c" href="ColorPalette.html#dim_gray/0">
:dim_gray
</a>
, <a style="color: white; background_color: #6c6c6c" href="ColorPalette.html#dove_gray/0">
:dove_gray
</a>
, <a style="color: white; background_color: #6c6c6c" href="ColorPalette.html#very_dark_gray/0">
:very_dark_gray
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #767676; padding: 0.5rem;" id="color-243">
<div style="margin-right: 2rem; font-weight: bold;">243:</div>
<div style="margin-right: 2rem;">Hex: #767676 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #767676" href="ColorPalette.html#sonic_silver/0">
:sonic_silver
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #808080; padding: 0.5rem;" id="color-244">
<div style="margin-right: 2rem; font-weight: bold;">244:</div>
<div style="margin-right: 2rem;">Hex: #808080 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #808080" href="ColorPalette.html#gray_244/0">
:gray_244
</a>
, <a style="color: black; background_color: #808080" href="ColorPalette.html#light_black/0">
:light_black
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #8a8a8a; padding: 0.5rem;" id="color-245">
<div style="margin-right: 2rem; font-weight: bold;">245:</div>
<div style="margin-right: 2rem;">Hex: #8a8a8a </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #8a8a8a" href="ColorPalette.html#philippine_gray/0">
:philippine_gray
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #949494; padding: 0.5rem;" id="color-246">
<div style="margin-right: 2rem; font-weight: bold;">246:</div>
<div style="margin-right: 2rem;">Hex: #949494 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #949494" href="ColorPalette.html#gray_246/0">
:gray_246
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #9e9e9e; padding: 0.5rem;" id="color-247">
<div style="margin-right: 2rem; font-weight: bold;">247:</div>
<div style="margin-right: 2rem;">Hex: #9e9e9e </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #9e9e9e" href="ColorPalette.html#spanish_gray/0">
:spanish_gray
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #a8a8a8; padding: 0.5rem;" id="color-248">
<div style="margin-right: 2rem; font-weight: bold;">248:</div>
<div style="margin-right: 2rem;">Hex: #a8a8a8 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #a8a8a8" href="ColorPalette.html#dark_gray/0">
:dark_gray
</a>
, <a style="color: black; background_color: #a8a8a8" href="ColorPalette.html#quick_silver/0">
:quick_silver
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #b2b2b2; padding: 0.5rem;" id="color-249">
<div style="margin-right: 2rem; font-weight: bold;">249:</div>
<div style="margin-right: 2rem;">Hex: #b2b2b2 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #b2b2b2" href="ColorPalette.html#philippine_silver/0">
:philippine_silver
</a>
, <a style="color: black; background_color: #b2b2b2" href="ColorPalette.html#silver_chalice/0">
:silver_chalice
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #bcbcbc; padding: 0.5rem;" id="color-250">
<div style="margin-right: 2rem; font-weight: bold;">250:</div>
<div style="margin-right: 2rem;">Hex: #bcbcbc </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #bcbcbc" href="ColorPalette.html#gray/0">
:gray
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #c6c6c6; padding: 0.5rem;" id="color-251">
<div style="margin-right: 2rem; font-weight: bold;">251:</div>
<div style="margin-right: 2rem;">Hex: #c6c6c6 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #c6c6c6" href="ColorPalette.html#silver/0">
:silver
</a>
, <a style="color: black; background_color: #c6c6c6" href="ColorPalette.html#silver_sand/0">
:silver_sand
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d0d0d0; padding: 0.5rem;" id="color-252">
<div style="margin-right: 2rem; font-weight: bold;">252:</div>
<div style="margin-right: 2rem;">Hex: #d0d0d0 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d0d0d0" href="ColorPalette.html#american_silver/0">
:american_silver
</a>
, <a style="color: black; background_color: #d0d0d0" href="ColorPalette.html#light_gray/0">
:light_gray
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #dadada; padding: 0.5rem;" id="color-253">
<div style="margin-right: 2rem; font-weight: bold;">253:</div>
<div style="margin-right: 2rem;">Hex: #dadada </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #dadada" href="ColorPalette.html#alto/0">
:alto
</a>
, <a style="color: black; background_color: #dadada" href="ColorPalette.html#gainsboro/0">
:gainsboro
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #e4e4e4; padding: 0.5rem;" id="color-254">
<div style="margin-right: 2rem; font-weight: bold;">254:</div>
<div style="margin-right: 2rem;">Hex: #e4e4e4 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #e4e4e4" href="ColorPalette.html#mercury/0">
:mercury
</a>
, <a style="color: black; background_color: #e4e4e4" href="ColorPalette.html#platinum/0">
:platinum
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #eeeeee; padding: 0.5rem;" id="color-255">
<div style="margin-right: 2rem; font-weight: bold;">255:</div>
<div style="margin-right: 2rem;">Hex: #eeeeee </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #eeeeee" href="ColorPalette.html#bright_gray/0">
:bright_gray
</a>
, <a style="color: black; background_color: #eeeeee" href="ColorPalette.html#gallery/0">
:gallery
</a>
, <a style="color: black; background_color: #eeeeee" href="ColorPalette.html#very_light_gray/0">
:very_light_gray
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=green />
## Green (58 colors)
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #008000; padding: 0.5rem;" id="color-2">
<div style="margin-right: 2rem; font-weight: bold;">2:</div>
<div style="margin-right: 2rem;">Hex: #008000 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #008000" href="ColorPalette.html#office_green/0">
:office_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #808000; padding: 0.5rem;" id="color-3">
<div style="margin-right: 2rem; font-weight: bold;">3:</div>
<div style="margin-right: 2rem;">Hex: #808000 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #808000" href="ColorPalette.html#yellow_003/0">
:yellow_003
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ff00; padding: 0.5rem;" id="color-10">
<div style="margin-right: 2rem; font-weight: bold;">10:</div>
<div style="margin-right: 2rem;">Hex: #00ff00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ff00" href="ColorPalette.html#electric_green/0">
:electric_green
</a>
, <a style="color: black; background_color: #00ff00" href="ColorPalette.html#green/0">
:green
</a>
, <a style="color: black; background_color: #00ff00" href="ColorPalette.html#light_green_010/0">
:light_green_010
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #005f00; padding: 0.5rem;" id="color-22">
<div style="margin-right: 2rem; font-weight: bold;">22:</div>
<div style="margin-right: 2rem;">Hex: #005f00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #005f00" href="ColorPalette.html#camarone/0">
:camarone
</a>
, <a style="color: white; background_color: #005f00" href="ColorPalette.html#very_dark_lime_green/0">
:very_dark_lime_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #005f5f; padding: 0.5rem;" id="color-23">
<div style="margin-right: 2rem; font-weight: bold;">23:</div>
<div style="margin-right: 2rem;">Hex: #005f5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #005f5f" href="ColorPalette.html#bangladesh_green/0">
:bangladesh_green
</a>
, <a style="color: white; background_color: #005f5f" href="ColorPalette.html#blue_stone/0">
:blue_stone
</a>
, <a style="color: white; background_color: #005f5f" href="ColorPalette.html#very_dark_cyan/0">
:very_dark_cyan
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #008700; padding: 0.5rem;" id="color-28">
<div style="margin-right: 2rem; font-weight: bold;">28:</div>
<div style="margin-right: 2rem;">Hex: #008700 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #008700" href="ColorPalette.html#ao/0">
:ao
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00875f; padding: 0.5rem;" id="color-29">
<div style="margin-right: 2rem; font-weight: bold;">29:</div>
<div style="margin-right: 2rem;">Hex: #00875f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00875f" href="ColorPalette.html#deep_sea/0">
:deep_sea
</a>
, <a style="color: black; background_color: #00875f" href="ColorPalette.html#spanish_viridian/0">
:spanish_viridian
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #00af00; padding: 0.5rem;" id="color-34">
<div style="margin-right: 2rem; font-weight: bold;">34:</div>
<div style="margin-right: 2rem;">Hex: #00af00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #00af00" href="ColorPalette.html#dark_lime_green/0">
:dark_lime_green
</a>
, <a style="color: white; background_color: #00af00" href="ColorPalette.html#islamic_green/0">
:islamic_green
</a>
, <a style="color: white; background_color: #00af00" href="ColorPalette.html#japanese_laurel/0">
:japanese_laurel
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #00af5f; padding: 0.5rem;" id="color-35">
<div style="margin-right: 2rem; font-weight: bold;">35:</div>
<div style="margin-right: 2rem;">Hex: #00af5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #00af5f" href="ColorPalette.html#go_green/0">
:go_green
</a>
, <a style="color: white; background_color: #00af5f" href="ColorPalette.html#jade/0">
:jade
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00af87; padding: 0.5rem;" id="color-36">
<div style="margin-right: 2rem; font-weight: bold;">36:</div>
<div style="margin-right: 2rem;">Hex: #00af87 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00af87" href="ColorPalette.html#persian_green/0">
:persian_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #00d700; padding: 0.5rem;" id="color-40">
<div style="margin-right: 2rem; font-weight: bold;">40:</div>
<div style="margin-right: 2rem;">Hex: #00d700 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #00d700" href="ColorPalette.html#strong_lime_green/0">
:strong_lime_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00d75f; padding: 0.5rem;" id="color-41">
<div style="margin-right: 2rem; font-weight: bold;">41:</div>
<div style="margin-right: 2rem;">Hex: #00d75f </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00d75f" href="ColorPalette.html#malachite/0">
:malachite
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00d787; padding: 0.5rem;" id="color-42">
<div style="margin-right: 2rem; font-weight: bold;">42:</div>
<div style="margin-right: 2rem;">Hex: #00d787 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00d787" href="ColorPalette.html#caribbean_green_042/0">
:caribbean_green_042
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00d7af; padding: 0.5rem;" id="color-43">
<div style="margin-right: 2rem; font-weight: bold;">43:</div>
<div style="margin-right: 2rem;">Hex: #00d7af </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00d7af" href="ColorPalette.html#caribbean_green/0">
:caribbean_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ff00; padding: 0.5rem;" id="color-46">
<div style="margin-right: 2rem; font-weight: bold;">46:</div>
<div style="margin-right: 2rem;">Hex: #00ff00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ff00" href="ColorPalette.html#electric_green/0">
:electric_green
</a>
, <a style="color: black; background_color: #00ff00" href="ColorPalette.html#green/0">
:green
</a>
, <a style="color: black; background_color: #00ff00" href="ColorPalette.html#light_green_010/0">
:light_green_010
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ff5f; padding: 0.5rem;" id="color-47">
<div style="margin-right: 2rem; font-weight: bold;">47:</div>
<div style="margin-right: 2rem;">Hex: #00ff5f </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ff5f" href="ColorPalette.html#spring_green_047/0">
:spring_green_047
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ff87; padding: 0.5rem;" id="color-48">
<div style="margin-right: 2rem; font-weight: bold;">48:</div>
<div style="margin-right: 2rem;">Hex: #00ff87 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ff87" href="ColorPalette.html#guppie_green/0">
:guppie_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ffaf; padding: 0.5rem;" id="color-49">
<div style="margin-right: 2rem; font-weight: bold;">49:</div>
<div style="margin-right: 2rem;">Hex: #00ffaf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ffaf" href="ColorPalette.html#medium_spring_green/0">
:medium_spring_green
</a>
, <a style="color: black; background_color: #00ffaf" href="ColorPalette.html#spring_green/0">
:spring_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #00ffd7; padding: 0.5rem;" id="color-50">
<div style="margin-right: 2rem; font-weight: bold;">50:</div>
<div style="margin-right: 2rem;">Hex: #00ffd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #00ffd7" href="ColorPalette.html#bright_turquoise/0">
:bright_turquoise
</a>
, <a style="color: black; background_color: #00ffd7" href="ColorPalette.html#pure_cyan/0">
:pure_cyan
</a>
, <a style="color: black; background_color: #00ffd7" href="ColorPalette.html#sea_green/0">
:sea_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f5f00; padding: 0.5rem;" id="color-58">
<div style="margin-right: 2rem; font-weight: bold;">58:</div>
<div style="margin-right: 2rem;">Hex: #5f5f00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f5f00" href="ColorPalette.html#bronze_yellow/0">
:bronze_yellow
</a>
, <a style="color: white; background_color: #5f5f00" href="ColorPalette.html#verdun_green/0">
:verdun_green
</a>
, <a style="color: white; background_color: #5f5f00" href="ColorPalette.html#very_dark_yellow_olive_tone/0">
:very_dark_yellow_olive_tone
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f8700; padding: 0.5rem;" id="color-64">
<div style="margin-right: 2rem; font-weight: bold;">64:</div>
<div style="margin-right: 2rem;">Hex: #5f8700 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f8700" href="ColorPalette.html#avocado/0">
:avocado
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5f875f; padding: 0.5rem;" id="color-65">
<div style="margin-right: 2rem; font-weight: bold;">65:</div>
<div style="margin-right: 2rem;">Hex: #5f875f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5f875f" href="ColorPalette.html#glade_green/0">
:glade_green
</a>
, <a style="color: black; background_color: #5f875f" href="ColorPalette.html#mostly_desaturated_dark_lime_green/0">
:mostly_desaturated_dark_lime_green
</a>
, <a style="color: black; background_color: #5f875f" href="ColorPalette.html#russian_green/0">
:russian_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5faf00; padding: 0.5rem;" id="color-70">
<div style="margin-right: 2rem; font-weight: bold;">70:</div>
<div style="margin-right: 2rem;">Hex: #5faf00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5faf00" href="ColorPalette.html#dark_green/0">
:dark_green
</a>
, <a style="color: black; background_color: #5faf00" href="ColorPalette.html#kelly_green/0">
:kelly_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5faf5f; padding: 0.5rem;" id="color-71">
<div style="margin-right: 2rem; font-weight: bold;">71:</div>
<div style="margin-right: 2rem;">Hex: #5faf5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5faf5f" href="ColorPalette.html#dark_moderate_lime_green/0">
:dark_moderate_lime_green
</a>
, <a style="color: black; background_color: #5faf5f" href="ColorPalette.html#fern/0">
:fern
</a>
, <a style="color: black; background_color: #5faf5f" href="ColorPalette.html#forest_green/0">
:forest_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5faf87; padding: 0.5rem;" id="color-72">
<div style="margin-right: 2rem; font-weight: bold;">72:</div>
<div style="margin-right: 2rem;">Hex: #5faf87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5faf87" href="ColorPalette.html#polished_pine/0">
:polished_pine
</a>
, <a style="color: white; background_color: #5faf87" href="ColorPalette.html#silver_tree/0">
:silver_tree
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fd700; padding: 0.5rem;" id="color-76">
<div style="margin-right: 2rem; font-weight: bold;">76:</div>
<div style="margin-right: 2rem;">Hex: #5fd700 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fd700" href="ColorPalette.html#harlequin_green/0">
:harlequin_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fd75f; padding: 0.5rem;" id="color-77">
<div style="margin-right: 2rem; font-weight: bold;">77:</div>
<div style="margin-right: 2rem;">Hex: #5fd75f </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fd75f" href="ColorPalette.html#moderate_lime_green/0">
:moderate_lime_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fd787; padding: 0.5rem;" id="color-78">
<div style="margin-right: 2rem; font-weight: bold;">78:</div>
<div style="margin-right: 2rem;">Hex: #5fd787 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fd787" href="ColorPalette.html#caribbean_green_pearl/0">
:caribbean_green_pearl
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fd7af; padding: 0.5rem;" id="color-79">
<div style="margin-right: 2rem; font-weight: bold;">79:</div>
<div style="margin-right: 2rem;">Hex: #5fd7af </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fd7af" href="ColorPalette.html#eucalyptus/0">
:eucalyptus
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fff00; padding: 0.5rem;" id="color-82">
<div style="margin-right: 2rem; font-weight: bold;">82:</div>
<div style="margin-right: 2rem;">Hex: #5fff00 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fff00" href="ColorPalette.html#bright_green/0">
:bright_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fff5f; padding: 0.5rem;" id="color-83">
<div style="margin-right: 2rem; font-weight: bold;">83:</div>
<div style="margin-right: 2rem;">Hex: #5fff5f </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fff5f" href="ColorPalette.html#light_lime_green/0">
:light_lime_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fff87; padding: 0.5rem;" id="color-84">
<div style="margin-right: 2rem; font-weight: bold;">84:</div>
<div style="margin-right: 2rem;">Hex: #5fff87 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fff87" href="ColorPalette.html#very_light_malachite_green/0">
:very_light_malachite_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #5fffaf; padding: 0.5rem;" id="color-85">
<div style="margin-right: 2rem; font-weight: bold;">85:</div>
<div style="margin-right: 2rem;">Hex: #5fffaf </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #5fffaf" href="ColorPalette.html#medium_aquamarine/0">
:medium_aquamarine
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #878700; padding: 0.5rem;" id="color-100">
<div style="margin-right: 2rem; font-weight: bold;">100:</div>
<div style="margin-right: 2rem;">Hex: #878700 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #878700" href="ColorPalette.html#olive/0">
:olive
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87875f; padding: 0.5rem;" id="color-101">
<div style="margin-right: 2rem; font-weight: bold;">101:</div>
<div style="margin-right: 2rem;">Hex: #87875f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87875f" href="ColorPalette.html#clay_creek/0">
:clay_creek
</a>
, <a style="color: black; background_color: #87875f" href="ColorPalette.html#mostly_desaturated_dark_yellow/0">
:mostly_desaturated_dark_yellow
</a>
, <a style="color: black; background_color: #87875f" href="ColorPalette.html#shadow/0">
:shadow
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #87af00; padding: 0.5rem;" id="color-106">
<div style="margin-right: 2rem; font-weight: bold;">106:</div>
<div style="margin-right: 2rem;">Hex: #87af00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #87af00" href="ColorPalette.html#apple_green/0">
:apple_green
</a>
, <a style="color: white; background_color: #87af00" href="ColorPalette.html#limeade/0">
:limeade
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87af5f; padding: 0.5rem;" id="color-107">
<div style="margin-right: 2rem; font-weight: bold;">107:</div>
<div style="margin-right: 2rem;">Hex: #87af5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87af5f" href="ColorPalette.html#asparagus/0">
:asparagus
</a>
, <a style="color: black; background_color: #87af5f" href="ColorPalette.html#chelsea_cucumber/0">
:chelsea_cucumber
</a>
, <a style="color: black; background_color: #87af5f" href="ColorPalette.html#dark_moderate_green/0">
:dark_moderate_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87af87; padding: 0.5rem;" id="color-108">
<div style="margin-right: 2rem; font-weight: bold;">108:</div>
<div style="margin-right: 2rem;">Hex: #87af87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87af87" href="ColorPalette.html#bay_leaf/0">
:bay_leaf
</a>
, <a style="color: black; background_color: #87af87" href="ColorPalette.html#dark_grayish_lime_green/0">
:dark_grayish_lime_green
</a>
, <a style="color: black; background_color: #87af87" href="ColorPalette.html#dark_sea_green/0">
:dark_sea_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87d700; padding: 0.5rem;" id="color-112">
<div style="margin-right: 2rem; font-weight: bold;">112:</div>
<div style="margin-right: 2rem;">Hex: #87d700 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87d700" href="ColorPalette.html#alien_armpit/0">
:alien_armpit
</a>
, <a style="color: black; background_color: #87d700" href="ColorPalette.html#strong_green/0">
:strong_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87d75f; padding: 0.5rem;" id="color-113">
<div style="margin-right: 2rem; font-weight: bold;">113:</div>
<div style="margin-right: 2rem;">Hex: #87d75f </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87d75f" href="ColorPalette.html#mantis/0">
:mantis
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87d787; padding: 0.5rem;" id="color-114">
<div style="margin-right: 2rem; font-weight: bold;">114:</div>
<div style="margin-right: 2rem;">Hex: #87d787 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87d787" href="ColorPalette.html#pastel_green/0">
:pastel_green
</a>
, <a style="color: black; background_color: #87d787" href="ColorPalette.html#slightly_desaturated_lime_green/0">
:slightly_desaturated_lime_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87ff00; padding: 0.5rem;" id="color-118">
<div style="margin-right: 2rem; font-weight: bold;">118:</div>
<div style="margin-right: 2rem;">Hex: #87ff00 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87ff00" href="ColorPalette.html#chartreuse_118/0">
:chartreuse_118
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87ff5f; padding: 0.5rem;" id="color-119">
<div style="margin-right: 2rem; font-weight: bold;">119:</div>
<div style="margin-right: 2rem;">Hex: #87ff5f </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87ff5f" href="ColorPalette.html#screamin_green_119/0">
:screamin_green_119
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87ff87; padding: 0.5rem;" id="color-120">
<div style="margin-right: 2rem; font-weight: bold;">120:</div>
<div style="margin-right: 2rem;">Hex: #87ff87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87ff87" href="ColorPalette.html#screamin_green/0">
:screamin_green
</a>
, <a style="color: black; background_color: #87ff87" href="ColorPalette.html#very_light_lime_green/0">
:very_light_lime_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #87ffaf; padding: 0.5rem;" id="color-121">
<div style="margin-right: 2rem; font-weight: bold;">121:</div>
<div style="margin-right: 2rem;">Hex: #87ffaf </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #87ffaf" href="ColorPalette.html#mint_green_121/0">
:mint_green_121
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afaf5f; padding: 0.5rem;" id="color-143">
<div style="margin-right: 2rem; font-weight: bold;">143:</div>
<div style="margin-right: 2rem;">Hex: #afaf5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afaf5f" href="ColorPalette.html#dark_moderate_yellow/0">
:dark_moderate_yellow
</a>
, <a style="color: black; background_color: #afaf5f" href="ColorPalette.html#olive_green/0">
:olive_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afd700; padding: 0.5rem;" id="color-148">
<div style="margin-right: 2rem; font-weight: bold;">148:</div>
<div style="margin-right: 2rem;">Hex: #afd700 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afd700" href="ColorPalette.html#sheen_green/0">
:sheen_green
</a>
, <a style="color: black; background_color: #afd700" href="ColorPalette.html#vivid_lime_green/0">
:vivid_lime_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afd75f; padding: 0.5rem;" id="color-149">
<div style="margin-right: 2rem; font-weight: bold;">149:</div>
<div style="margin-right: 2rem;">Hex: #afd75f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afd75f" href="ColorPalette.html#conifer/0">
:conifer
</a>
, <a style="color: black; background_color: #afd75f" href="ColorPalette.html#june_bud/0">
:june_bud
</a>
, <a style="color: black; background_color: #afd75f" href="ColorPalette.html#moderate_green/0">
:moderate_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afd787; padding: 0.5rem;" id="color-150">
<div style="margin-right: 2rem; font-weight: bold;">150:</div>
<div style="margin-right: 2rem;">Hex: #afd787 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afd787" href="ColorPalette.html#feijoa/0">
:feijoa
</a>
, <a style="color: black; background_color: #afd787" href="ColorPalette.html#slightly_desaturated_green/0">
:slightly_desaturated_green
</a>
, <a style="color: black; background_color: #afd787" href="ColorPalette.html#yellow_green/0">
:yellow_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afd7af; padding: 0.5rem;" id="color-151">
<div style="margin-right: 2rem; font-weight: bold;">151:</div>
<div style="margin-right: 2rem;">Hex: #afd7af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afd7af" href="ColorPalette.html#grayish_lime_green/0">
:grayish_lime_green
</a>
, <a style="color: black; background_color: #afd7af" href="ColorPalette.html#light_moss_green/0">
:light_moss_green
</a>
, <a style="color: black; background_color: #afd7af" href="ColorPalette.html#pixie_green/0">
:pixie_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afff00; padding: 0.5rem;" id="color-154">
<div style="margin-right: 2rem; font-weight: bold;">154:</div>
<div style="margin-right: 2rem;">Hex: #afff00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afff00" href="ColorPalette.html#lime/0">
:lime
</a>
, <a style="color: black; background_color: #afff00" href="ColorPalette.html#pure_green/0">
:pure_green
</a>
, <a style="color: black; background_color: #afff00" href="ColorPalette.html#spring_bud/0">
:spring_bud
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afff5f; padding: 0.5rem;" id="color-155">
<div style="margin-right: 2rem; font-weight: bold;">155:</div>
<div style="margin-right: 2rem;">Hex: #afff5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afff5f" href="ColorPalette.html#green_yellow/0">
:green_yellow
</a>
, <a style="color: black; background_color: #afff5f" href="ColorPalette.html#inchworm/0">
:inchworm
</a>
, <a style="color: black; background_color: #afff5f" href="ColorPalette.html#light_green/0">
:light_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afff87; padding: 0.5rem;" id="color-156">
<div style="margin-right: 2rem; font-weight: bold;">156:</div>
<div style="margin-right: 2rem;">Hex: #afff87 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afff87" href="ColorPalette.html#mint_green_156/0">
:mint_green_156
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #afffaf; padding: 0.5rem;" id="color-157">
<div style="margin-right: 2rem; font-weight: bold;">157:</div>
<div style="margin-right: 2rem;">Hex: #afffaf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #afffaf" href="ColorPalette.html#menthol/0">
:menthol
</a>
, <a style="color: black; background_color: #afffaf" href="ColorPalette.html#mint_green/0">
:mint_green
</a>
, <a style="color: black; background_color: #afffaf" href="ColorPalette.html#pale_lime_green/0">
:pale_lime_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7d7af; padding: 0.5rem;" id="color-187">
<div style="margin-right: 2rem; font-weight: bold;">187:</div>
<div style="margin-right: 2rem;">Hex: #d7d7af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7d7af" href="ColorPalette.html#grayish_yellow/0">
:grayish_yellow
</a>
, <a style="color: black; background_color: #d7d7af" href="ColorPalette.html#green_mist/0">
:green_mist
</a>
, <a style="color: black; background_color: #d7d7af" href="ColorPalette.html#pastel_gray/0">
:pastel_gray
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7ffaf; padding: 0.5rem;" id="color-193">
<div style="margin-right: 2rem; font-weight: bold;">193:</div>
<div style="margin-right: 2rem;">Hex: #d7ffaf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7ffaf" href="ColorPalette.html#pale_green/0">
:pale_green
</a>
, <a style="color: black; background_color: #d7ffaf" href="ColorPalette.html#reef/0">
:reef
</a>
, <a style="color: black; background_color: #d7ffaf" href="ColorPalette.html#tea_green/0">
:tea_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7ffd7; padding: 0.5rem;" id="color-194">
<div style="margin-right: 2rem; font-weight: bold;">194:</div>
<div style="margin-right: 2rem;">Hex: #d7ffd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7ffd7" href="ColorPalette.html#nyanza/0">
:nyanza
</a>
, <a style="color: black; background_color: #d7ffd7" href="ColorPalette.html#snowy_mint/0">
:snowy_mint
</a>
, <a style="color: black; background_color: #d7ffd7" href="ColorPalette.html#very_pale_lime_green/0">
:very_pale_lime_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7ffff; padding: 0.5rem;" id="color-195">
<div style="margin-right: 2rem; font-weight: bold;">195:</div>
<div style="margin-right: 2rem;">Hex: #d7ffff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7ffff" href="ColorPalette.html#light_cyan/0">
:light_cyan
</a>
, <a style="color: black; background_color: #d7ffff" href="ColorPalette.html#oyster_bay/0">
:oyster_bay
</a>
, <a style="color: black; background_color: #d7ffff" href="ColorPalette.html#very_pale_cyan/0">
:very_pale_cyan
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=orange />
## Orange (8 colors)
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d75f00; padding: 0.5rem;" id="color-166">
<div style="margin-right: 2rem; font-weight: bold;">166:</div>
<div style="margin-right: 2rem;">Hex: #d75f00 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d75f00" href="ColorPalette.html#tenn/0">
:tenn
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff5f00; padding: 0.5rem;" id="color-202">
<div style="margin-right: 2rem; font-weight: bold;">202:</div>
<div style="margin-right: 2rem;">Hex: #ff5f00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff5f00" href="ColorPalette.html#blaze_orange/0">
:blaze_orange
</a>
, <a style="color: black; background_color: #ff5f00" href="ColorPalette.html#vivid_orange/0">
:vivid_orange
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff8700; padding: 0.5rem;" id="color-208">
<div style="margin-right: 2rem; font-weight: bold;">208:</div>
<div style="margin-right: 2rem;">Hex: #ff8700 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #ff8700" href="ColorPalette.html#american_orange/0">
:american_orange
</a>
, <a style="color: white; background_color: #ff8700" href="ColorPalette.html#flush_orange/0">
:flush_orange
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff875f; padding: 0.5rem;" id="color-209">
<div style="margin-right: 2rem; font-weight: bold;">209:</div>
<div style="margin-right: 2rem;">Hex: #ff875f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #ff875f" href="ColorPalette.html#coral/0">
:coral
</a>
, <a style="color: white; background_color: #ff875f" href="ColorPalette.html#salmon/0">
:salmon
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffaf00; padding: 0.5rem;" id="color-214">
<div style="margin-right: 2rem; font-weight: bold;">214:</div>
<div style="margin-right: 2rem;">Hex: #ffaf00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffaf00" href="ColorPalette.html#chinese_yellow/0">
:chinese_yellow
</a>
, <a style="color: black; background_color: #ffaf00" href="ColorPalette.html#pure_orange/0">
:pure_orange
</a>
, <a style="color: black; background_color: #ffaf00" href="ColorPalette.html#yellow_sea/0">
:yellow_sea
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffaf5f; padding: 0.5rem;" id="color-215">
<div style="margin-right: 2rem; font-weight: bold;">215:</div>
<div style="margin-right: 2rem;">Hex: #ffaf5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffaf5f" href="ColorPalette.html#rajah/0">
:rajah
</a>
, <a style="color: black; background_color: #ffaf5f" href="ColorPalette.html#texas_rose/0">
:texas_rose
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffaf87; padding: 0.5rem;" id="color-216">
<div style="margin-right: 2rem; font-weight: bold;">216:</div>
<div style="margin-right: 2rem;">Hex: #ffaf87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffaf87" href="ColorPalette.html#hit_pink/0">
:hit_pink
</a>
, <a style="color: black; background_color: #ffaf87" href="ColorPalette.html#macaroni_and_cheese/0">
:macaroni_and_cheese
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffafaf; padding: 0.5rem;" id="color-217">
<div style="margin-right: 2rem; font-weight: bold;">217:</div>
<div style="margin-right: 2rem;">Hex: #ffafaf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffafaf" href="ColorPalette.html#melon/0">
:melon
</a>
, <a style="color: black; background_color: #ffafaf" href="ColorPalette.html#pale_red_pink_tone/0">
:pale_red_pink_tone
</a>
, <a style="color: black; background_color: #ffafaf" href="ColorPalette.html#sundown/0">
:sundown
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=pink />
## Pink (24 colors)
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff00ff; padding: 0.5rem;" id="color-13">
<div style="margin-right: 2rem; font-weight: bold;">13:</div>
<div style="margin-right: 2rem;">Hex: #ff00ff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff00ff" href="ColorPalette.html#fuchsia/0">
:fuchsia
</a>
, <a style="color: black; background_color: #ff00ff" href="ColorPalette.html#light_magenta_013/0">
:light_magenta_013
</a>
, <a style="color: black; background_color: #ff00ff" href="ColorPalette.html#magenta/0">
:magenta
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d70087; padding: 0.5rem;" id="color-162">
<div style="margin-right: 2rem; font-weight: bold;">162:</div>
<div style="margin-right: 2rem;">Hex: #d70087 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d70087" href="ColorPalette.html#mexican_pink/0">
:mexican_pink
</a>
, <a style="color: white; background_color: #d70087" href="ColorPalette.html#strong_pink/0">
:strong_pink
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d700af; padding: 0.5rem;" id="color-163">
<div style="margin-right: 2rem; font-weight: bold;">163:</div>
<div style="margin-right: 2rem;">Hex: #d700af </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d700af" href="ColorPalette.html#hollywood_cerise_163/0">
:hollywood_cerise_163
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d75faf; padding: 0.5rem;" id="color-169">
<div style="margin-right: 2rem; font-weight: bold;">169:</div>
<div style="margin-right: 2rem;">Hex: #d75faf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d75faf" href="ColorPalette.html#hopbush/0">
:hopbush
</a>
, <a style="color: black; background_color: #d75faf" href="ColorPalette.html#moderate_pink/0">
:moderate_pink
</a>
, <a style="color: black; background_color: #d75faf" href="ColorPalette.html#super_pink/0">
:super_pink
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d75fff; padding: 0.5rem;" id="color-171">
<div style="margin-right: 2rem; font-weight: bold;">171:</div>
<div style="margin-right: 2rem;">Hex: #d75fff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d75fff" href="ColorPalette.html#heliotrope_171/0">
:heliotrope_171
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d78787; padding: 0.5rem;" id="color-174">
<div style="margin-right: 2rem; font-weight: bold;">174:</div>
<div style="margin-right: 2rem;">Hex: #d78787 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d78787" href="ColorPalette.html#my_pink/0">
:my_pink
</a>
, <a style="color: black; background_color: #d78787" href="ColorPalette.html#new_york_pink/0">
:new_york_pink
</a>
, <a style="color: black; background_color: #d78787" href="ColorPalette.html#slightly_desaturated_red/0">
:slightly_desaturated_red
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d787af; padding: 0.5rem;" id="color-175">
<div style="margin-right: 2rem; font-weight: bold;">175:</div>
<div style="margin-right: 2rem;">Hex: #d787af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d787af" href="ColorPalette.html#can_can/0">
:can_can
</a>
, <a style="color: black; background_color: #d787af" href="ColorPalette.html#middle_purple/0">
:middle_purple
</a>
, <a style="color: black; background_color: #d787af" href="ColorPalette.html#slightly_desaturated_pink/0">
:slightly_desaturated_pink
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d787d7; padding: 0.5rem;" id="color-176">
<div style="margin-right: 2rem; font-weight: bold;">176:</div>
<div style="margin-right: 2rem;">Hex: #d787d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d787d7" href="ColorPalette.html#deep_mauve/0">
:deep_mauve
</a>
, <a style="color: white; background_color: #d787d7" href="ColorPalette.html#light_orchid/0">
:light_orchid
</a>
, <a style="color: white; background_color: #d787d7" href="ColorPalette.html#slightly_desaturated_magenta/0">
:slightly_desaturated_magenta
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d787ff; padding: 0.5rem;" id="color-177">
<div style="margin-right: 2rem; font-weight: bold;">177:</div>
<div style="margin-right: 2rem;">Hex: #d787ff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d787ff" href="ColorPalette.html#bright_lilac/0">
:bright_lilac
</a>
, <a style="color: black; background_color: #d787ff" href="ColorPalette.html#heliotrope/0">
:heliotrope
</a>
, <a style="color: black; background_color: #d787ff" href="ColorPalette.html#very_light_violet/0">
:very_light_violet
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7afd7; padding: 0.5rem;" id="color-182">
<div style="margin-right: 2rem; font-weight: bold;">182:</div>
<div style="margin-right: 2rem;">Hex: #d7afd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7afd7" href="ColorPalette.html#grayish_magenta/0">
:grayish_magenta
</a>
, <a style="color: black; background_color: #d7afd7" href="ColorPalette.html#pink_lavender/0">
:pink_lavender
</a>
, <a style="color: black; background_color: #d7afd7" href="ColorPalette.html#thistle/0">
:thistle
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff0087; padding: 0.5rem;" id="color-198">
<div style="margin-right: 2rem; font-weight: bold;">198:</div>
<div style="margin-right: 2rem;">Hex: #ff0087 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #ff0087" href="ColorPalette.html#bright_pink/0">
:bright_pink
</a>
, <a style="color: white; background_color: #ff0087" href="ColorPalette.html#rose/0">
:rose
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff00af; padding: 0.5rem;" id="color-199">
<div style="margin-right: 2rem; font-weight: bold;">199:</div>
<div style="margin-right: 2rem;">Hex: #ff00af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #ff00af" href="ColorPalette.html#fashion_fuchsia/0">
:fashion_fuchsia
</a>
, <a style="color: white; background_color: #ff00af" href="ColorPalette.html#hollywood_cerise/0">
:hollywood_cerise
</a>
, <a style="color: white; background_color: #ff00af" href="ColorPalette.html#pure_pink/0">
:pure_pink
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff00d7; padding: 0.5rem;" id="color-200">
<div style="margin-right: 2rem; font-weight: bold;">200:</div>
<div style="margin-right: 2rem;">Hex: #ff00d7 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #ff00d7" href="ColorPalette.html#pure_magenta/0">
:pure_magenta
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff00ff; padding: 0.5rem;" id="color-201">
<div style="margin-right: 2rem; font-weight: bold;">201:</div>
<div style="margin-right: 2rem;">Hex: #ff00ff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff00ff" href="ColorPalette.html#fuchsia/0">
:fuchsia
</a>
, <a style="color: black; background_color: #ff00ff" href="ColorPalette.html#light_magenta_013/0">
:light_magenta_013
</a>
, <a style="color: black; background_color: #ff00ff" href="ColorPalette.html#magenta/0">
:magenta
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff5faf; padding: 0.5rem;" id="color-205">
<div style="margin-right: 2rem; font-weight: bold;">205:</div>
<div style="margin-right: 2rem;">Hex: #ff5faf </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff5faf" href="ColorPalette.html#hot_pink/0">
:hot_pink
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff5fd7; padding: 0.5rem;" id="color-206">
<div style="margin-right: 2rem; font-weight: bold;">206:</div>
<div style="margin-right: 2rem;">Hex: #ff5fd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #ff5fd7" href="ColorPalette.html#light_deep_pink/0">
:light_deep_pink
</a>
, <a style="color: white; background_color: #ff5fd7" href="ColorPalette.html#light_pink/0">
:light_pink
</a>
, <a style="color: white; background_color: #ff5fd7" href="ColorPalette.html#purple_pizzazz/0">
:purple_pizzazz
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff5fff; padding: 0.5rem;" id="color-207">
<div style="margin-right: 2rem; font-weight: bold;">207:</div>
<div style="margin-right: 2rem;">Hex: #ff5fff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff5fff" href="ColorPalette.html#light_magenta/0">
:light_magenta
</a>
, <a style="color: black; background_color: #ff5fff" href="ColorPalette.html#pink_flamingo/0">
:pink_flamingo
</a>
, <a style="color: black; background_color: #ff5fff" href="ColorPalette.html#shocking_pink/0">
:shocking_pink
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff87af; padding: 0.5rem;" id="color-211">
<div style="margin-right: 2rem; font-weight: bold;">211:</div>
<div style="margin-right: 2rem;">Hex: #ff87af </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff87af" href="ColorPalette.html#tickle_me_pink/0">
:tickle_me_pink
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff87d7; padding: 0.5rem;" id="color-212">
<div style="margin-right: 2rem; font-weight: bold;">212:</div>
<div style="margin-right: 2rem;">Hex: #ff87d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff87d7" href="ColorPalette.html#princess_perfume/0">
:princess_perfume
</a>
, <a style="color: black; background_color: #ff87d7" href="ColorPalette.html#very_light_pink/0">
:very_light_pink
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff87ff; padding: 0.5rem;" id="color-213">
<div style="margin-right: 2rem; font-weight: bold;">213:</div>
<div style="margin-right: 2rem;">Hex: #ff87ff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff87ff" href="ColorPalette.html#blush_pink/0">
:blush_pink
</a>
, <a style="color: black; background_color: #ff87ff" href="ColorPalette.html#fuchsia_pink/0">
:fuchsia_pink
</a>
, <a style="color: black; background_color: #ff87ff" href="ColorPalette.html#very_light_magenta/0">
:very_light_magenta
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffafd7; padding: 0.5rem;" id="color-218">
<div style="margin-right: 2rem; font-weight: bold;">218:</div>
<div style="margin-right: 2rem;">Hex: #ffafd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffafd7" href="ColorPalette.html#cotton_candy/0">
:cotton_candy
</a>
, <a style="color: black; background_color: #ffafd7" href="ColorPalette.html#lavender_pink/0">
:lavender_pink
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffafff; padding: 0.5rem;" id="color-219">
<div style="margin-right: 2rem; font-weight: bold;">219:</div>
<div style="margin-right: 2rem;">Hex: #ffafff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffafff" href="ColorPalette.html#pale_magenta/0">
:pale_magenta
</a>
, <a style="color: black; background_color: #ffafff" href="ColorPalette.html#rich_brilliant_lavender/0">
:rich_brilliant_lavender
</a>
, <a style="color: black; background_color: #ffafff" href="ColorPalette.html#shampoo/0">
:shampoo
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffd7d7; padding: 0.5rem;" id="color-224">
<div style="margin-right: 2rem; font-weight: bold;">224:</div>
<div style="margin-right: 2rem;">Hex: #ffd7d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffd7d7" href="ColorPalette.html#cosmos/0">
:cosmos
</a>
, <a style="color: black; background_color: #ffd7d7" href="ColorPalette.html#pale_pink/0">
:pale_pink
</a>
, <a style="color: black; background_color: #ffd7d7" href="ColorPalette.html#very_pale_red_pink_tone/0">
:very_pale_red_pink_tone
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffd7ff; padding: 0.5rem;" id="color-225">
<div style="margin-right: 2rem; font-weight: bold;">225:</div>
<div style="margin-right: 2rem;">Hex: #ffd7ff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffd7ff" href="ColorPalette.html#bubble_gum/0">
:bubble_gum
</a>
, <a style="color: black; background_color: #ffd7ff" href="ColorPalette.html#pink_lace/0">
:pink_lace
</a>
, <a style="color: black; background_color: #ffd7ff" href="ColorPalette.html#very_pale_magenta/0">
:very_pale_magenta
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=purple_violet_and_magenta />
## Purple, Violet and Magenta (29 colors)
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #800080; padding: 0.5rem;" id="color-5">
<div style="margin-right: 2rem; font-weight: bold;">5:</div>
<div style="margin-right: 2rem;">Hex: #800080 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #800080" href="ColorPalette.html#patriarch/0">
:patriarch
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f005f; padding: 0.5rem;" id="color-53">
<div style="margin-right: 2rem; font-weight: bold;">53:</div>
<div style="margin-right: 2rem;">Hex: #5f005f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f005f" href="ColorPalette.html#imperial_purple/0">
:imperial_purple
</a>
, <a style="color: white; background_color: #5f005f" href="ColorPalette.html#pompadour/0">
:pompadour
</a>
, <a style="color: white; background_color: #5f005f" href="ColorPalette.html#very_dark_magenta/0">
:very_dark_magenta
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f0087; padding: 0.5rem;" id="color-54">
<div style="margin-right: 2rem; font-weight: bold;">54:</div>
<div style="margin-right: 2rem;">Hex: #5f0087 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f0087" href="ColorPalette.html#metallic_violet/0">
:metallic_violet
</a>
, <a style="color: white; background_color: #5f0087" href="ColorPalette.html#pigment_indigo/0">
:pigment_indigo
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f00af; padding: 0.5rem;" id="color-55">
<div style="margin-right: 2rem; font-weight: bold;">55:</div>
<div style="margin-right: 2rem;">Hex: #5f00af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f00af" href="ColorPalette.html#chinese_purple/0">
:chinese_purple
</a>
, <a style="color: white; background_color: #5f00af" href="ColorPalette.html#dark_violet/0">
:dark_violet
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f00d7; padding: 0.5rem;" id="color-56">
<div style="margin-right: 2rem; font-weight: bold;">56:</div>
<div style="margin-right: 2rem;">Hex: #5f00d7 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f00d7" href="ColorPalette.html#electric_violet_056/0">
:electric_violet_056
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f00ff; padding: 0.5rem;" id="color-57">
<div style="margin-right: 2rem; font-weight: bold;">57:</div>
<div style="margin-right: 2rem;">Hex: #5f00ff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f00ff" href="ColorPalette.html#electric_indigo/0">
:electric_indigo
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #87005f; padding: 0.5rem;" id="color-89">
<div style="margin-right: 2rem; font-weight: bold;">89:</div>
<div style="margin-right: 2rem;">Hex: #87005f </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #87005f" href="ColorPalette.html#french_plum/0">
:french_plum
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #870087; padding: 0.5rem;" id="color-90">
<div style="margin-right: 2rem; font-weight: bold;">90:</div>
<div style="margin-right: 2rem;">Hex: #870087 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #870087" href="ColorPalette.html#fresh_eggplant/0">
:fresh_eggplant
</a>
, <a style="color: white; background_color: #870087" href="ColorPalette.html#mardi_gras/0">
:mardi_gras
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #8700af; padding: 0.5rem;" id="color-91">
<div style="margin-right: 2rem; font-weight: bold;">91:</div>
<div style="margin-right: 2rem;">Hex: #8700af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #8700af" href="ColorPalette.html#purple/0">
:purple
</a>
, <a style="color: white; background_color: #8700af" href="ColorPalette.html#violet/0">
:violet
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #8700d7; padding: 0.5rem;" id="color-92">
<div style="margin-right: 2rem; font-weight: bold;">92:</div>
<div style="margin-right: 2rem;">Hex: #8700d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #8700d7" href="ColorPalette.html#french_violet/0">
:french_violet
</a>
, <a style="color: white; background_color: #8700d7" href="ColorPalette.html#strong_violet/0">
:strong_violet
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #8700ff; padding: 0.5rem;" id="color-93">
<div style="margin-right: 2rem; font-weight: bold;">93:</div>
<div style="margin-right: 2rem;">Hex: #8700ff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #8700ff" href="ColorPalette.html#electric_violet_093/0">
:electric_violet_093
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #875f87; padding: 0.5rem;" id="color-96">
<div style="margin-right: 2rem; font-weight: bold;">96:</div>
<div style="margin-right: 2rem;">Hex: #875f87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #875f87" href="ColorPalette.html#chinese_violet/0">
:chinese_violet
</a>
, <a style="color: white; background_color: #875f87" href="ColorPalette.html#mostly_desaturated_dark_magenta/0">
:mostly_desaturated_dark_magenta
</a>
, <a style="color: white; background_color: #875f87" href="ColorPalette.html#strikemaster/0">
:strikemaster
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #875faf; padding: 0.5rem;" id="color-97">
<div style="margin-right: 2rem; font-weight: bold;">97:</div>
<div style="margin-right: 2rem;">Hex: #875faf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #875faf" href="ColorPalette.html#dark_moderate_violet/0">
:dark_moderate_violet
</a>
, <a style="color: white; background_color: #875faf" href="ColorPalette.html#royal_purple/0">
:royal_purple
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #875fd7; padding: 0.5rem;" id="color-98">
<div style="margin-right: 2rem; font-weight: bold;">98:</div>
<div style="margin-right: 2rem;">Hex: #875fd7 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #875fd7" href="ColorPalette.html#medium_purple_098/0">
:medium_purple_098
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #875fff; padding: 0.5rem;" id="color-99">
<div style="margin-right: 2rem; font-weight: bold;">99:</div>
<div style="margin-right: 2rem;">Hex: #875fff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #875fff" href="ColorPalette.html#blueberry_099/0">
:blueberry_099
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af0087; padding: 0.5rem;" id="color-126">
<div style="margin-right: 2rem; font-weight: bold;">126:</div>
<div style="margin-right: 2rem;">Hex: #af0087 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af0087" href="ColorPalette.html#flirt_126/0">
:flirt_126
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af00af; padding: 0.5rem;" id="color-127">
<div style="margin-right: 2rem; font-weight: bold;">127:</div>
<div style="margin-right: 2rem;">Hex: #af00af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af00af" href="ColorPalette.html#dark_magenta/0">
:dark_magenta
</a>
, <a style="color: white; background_color: #af00af" href="ColorPalette.html#flirt/0">
:flirt
</a>
, <a style="color: white; background_color: #af00af" href="ColorPalette.html#heliotrope_magenta/0">
:heliotrope_magenta
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af00d7; padding: 0.5rem;" id="color-128">
<div style="margin-right: 2rem; font-weight: bold;">128:</div>
<div style="margin-right: 2rem;">Hex: #af00d7 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af00d7" href="ColorPalette.html#vivid_mulberry/0">
:vivid_mulberry
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af00ff; padding: 0.5rem;" id="color-129">
<div style="margin-right: 2rem; font-weight: bold;">129:</div>
<div style="margin-right: 2rem;">Hex: #af00ff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af00ff" href="ColorPalette.html#electric_purple/0">
:electric_purple
</a>
, <a style="color: white; background_color: #af00ff" href="ColorPalette.html#pure_violet/0">
:pure_violet
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af5faf; padding: 0.5rem;" id="color-133">
<div style="margin-right: 2rem; font-weight: bold;">133:</div>
<div style="margin-right: 2rem;">Hex: #af5faf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af5faf" href="ColorPalette.html#dark_moderate_magenta/0">
:dark_moderate_magenta
</a>
, <a style="color: white; background_color: #af5faf" href="ColorPalette.html#pearly_purple/0">
:pearly_purple
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #af5fd7; padding: 0.5rem;" id="color-134">
<div style="margin-right: 2rem; font-weight: bold;">134:</div>
<div style="margin-right: 2rem;">Hex: #af5fd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #af5fd7" href="ColorPalette.html#medium_purple/0">
:medium_purple
</a>
, <a style="color: black; background_color: #af5fd7" href="ColorPalette.html#moderate_violet/0">
:moderate_violet
</a>
, <a style="color: black; background_color: #af5fd7" href="ColorPalette.html#rich_lilac/0">
:rich_lilac
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af5fff; padding: 0.5rem;" id="color-135">
<div style="margin-right: 2rem; font-weight: bold;">135:</div>
<div style="margin-right: 2rem;">Hex: #af5fff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af5fff" href="ColorPalette.html#lavender_indigo/0">
:lavender_indigo
</a>
, <a style="color: white; background_color: #af5fff" href="ColorPalette.html#light_violet/0">
:light_violet
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #af87af; padding: 0.5rem;" id="color-139">
<div style="margin-right: 2rem; font-weight: bold;">139:</div>
<div style="margin-right: 2rem;">Hex: #af87af </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #af87af" href="ColorPalette.html#bouquet/0">
:bouquet
</a>
, <a style="color: black; background_color: #af87af" href="ColorPalette.html#dark_grayish_magenta/0">
:dark_grayish_magenta
</a>
, <a style="color: black; background_color: #af87af" href="ColorPalette.html#opera_mauve/0">
:opera_mauve
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #af87d7; padding: 0.5rem;" id="color-140">
<div style="margin-right: 2rem; font-weight: bold;">140:</div>
<div style="margin-right: 2rem;">Hex: #af87d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #af87d7" href="ColorPalette.html#lavender/0">
:lavender
</a>
, <a style="color: black; background_color: #af87d7" href="ColorPalette.html#slightly_desaturated_violet/0">
:slightly_desaturated_violet
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af87ff; padding: 0.5rem;" id="color-141">
<div style="margin-right: 2rem; font-weight: bold;">141:</div>
<div style="margin-right: 2rem;">Hex: #af87ff </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af87ff" href="ColorPalette.html#bright_lavender/0">
:bright_lavender
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d700d7; padding: 0.5rem;" id="color-164">
<div style="margin-right: 2rem; font-weight: bold;">164:</div>
<div style="margin-right: 2rem;">Hex: #d700d7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d700d7" href="ColorPalette.html#deep_magenta/0">
:deep_magenta
</a>
, <a style="color: white; background_color: #d700d7" href="ColorPalette.html#strong_magenta/0">
:strong_magenta
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d700ff; padding: 0.5rem;" id="color-165">
<div style="margin-right: 2rem; font-weight: bold;">165:</div>
<div style="margin-right: 2rem;">Hex: #d700ff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d700ff" href="ColorPalette.html#electric_violet/0">
:electric_violet
</a>
, <a style="color: black; background_color: #d700ff" href="ColorPalette.html#phlox/0">
:phlox
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d75fd7; padding: 0.5rem;" id="color-170">
<div style="margin-right: 2rem; font-weight: bold;">170:</div>
<div style="margin-right: 2rem;">Hex: #d75fd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d75fd7" href="ColorPalette.html#moderate_magenta/0">
:moderate_magenta
</a>
, <a style="color: black; background_color: #d75fd7" href="ColorPalette.html#orchid/0">
:orchid
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7afff; padding: 0.5rem;" id="color-183">
<div style="margin-right: 2rem; font-weight: bold;">183:</div>
<div style="margin-right: 2rem;">Hex: #d7afff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7afff" href="ColorPalette.html#mauve/0">
:mauve
</a>
, <a style="color: black; background_color: #d7afff" href="ColorPalette.html#pale_violet/0">
:pale_violet
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=red />
## Red (16 colors)
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #800000; padding: 0.5rem;" id="color-1">
<div style="margin-right: 2rem; font-weight: bold;">1:</div>
<div style="margin-right: 2rem;">Hex: #800000 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #800000" href="ColorPalette.html#red_001/0">
:red_001
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff0000; padding: 0.5rem;" id="color-9">
<div style="margin-right: 2rem; font-weight: bold;">9:</div>
<div style="margin-right: 2rem;">Hex: #ff0000 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #ff0000" href="ColorPalette.html#light_red_009/0">
:light_red_009
</a>
, <a style="color: white; background_color: #ff0000" href="ColorPalette.html#red/0">
:red
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #5f0000; padding: 0.5rem;" id="color-52">
<div style="margin-right: 2rem; font-weight: bold;">52:</div>
<div style="margin-right: 2rem;">Hex: #5f0000 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #5f0000" href="ColorPalette.html#blood_red/0">
:blood_red
</a>
, <a style="color: white; background_color: #5f0000" href="ColorPalette.html#rosewood/0">
:rosewood
</a>
, <a style="color: white; background_color: #5f0000" href="ColorPalette.html#very_dark_red/0">
:very_dark_red
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #870000; padding: 0.5rem;" id="color-88">
<div style="margin-right: 2rem; font-weight: bold;">88:</div>
<div style="margin-right: 2rem;">Hex: #870000 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #870000" href="ColorPalette.html#deep_red/0">
:deep_red
</a>
, <a style="color: white; background_color: #870000" href="ColorPalette.html#maroon/0">
:maroon
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af0000; padding: 0.5rem;" id="color-124">
<div style="margin-right: 2rem; font-weight: bold;">124:</div>
<div style="margin-right: 2rem;">Hex: #af0000 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af0000" href="ColorPalette.html#bright_red/0">
:bright_red
</a>
, <a style="color: white; background_color: #af0000" href="ColorPalette.html#dark_candy_apple_red/0">
:dark_candy_apple_red
</a>
, <a style="color: white; background_color: #af0000" href="ColorPalette.html#dark_red/0">
:dark_red
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af005f; padding: 0.5rem;" id="color-125">
<div style="margin-right: 2rem; font-weight: bold;">125:</div>
<div style="margin-right: 2rem;">Hex: #af005f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af005f" href="ColorPalette.html#dark_pink/0">
:dark_pink
</a>
, <a style="color: white; background_color: #af005f" href="ColorPalette.html#jazzberry_jam/0">
:jazzberry_jam
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #af5f87; padding: 0.5rem;" id="color-132">
<div style="margin-right: 2rem; font-weight: bold;">132:</div>
<div style="margin-right: 2rem;">Hex: #af5f87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #af5f87" href="ColorPalette.html#dark_moderate_pink/0">
:dark_moderate_pink
</a>
, <a style="color: white; background_color: #af5f87" href="ColorPalette.html#tapestry/0">
:tapestry
</a>
, <a style="color: white; background_color: #af5f87" href="ColorPalette.html#turkish_rose/0">
:turkish_rose
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d70000; padding: 0.5rem;" id="color-160">
<div style="margin-right: 2rem; font-weight: bold;">160:</div>
<div style="margin-right: 2rem;">Hex: #d70000 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d70000" href="ColorPalette.html#guardsman_red/0">
:guardsman_red
</a>
, <a style="color: white; background_color: #d70000" href="ColorPalette.html#rosso_corsa/0">
:rosso_corsa
</a>
, <a style="color: white; background_color: #d70000" href="ColorPalette.html#strong_red/0">
:strong_red
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d7005f; padding: 0.5rem;" id="color-161">
<div style="margin-right: 2rem; font-weight: bold;">161:</div>
<div style="margin-right: 2rem;">Hex: #d7005f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d7005f" href="ColorPalette.html#razzmatazz/0">
:razzmatazz
</a>
, <a style="color: white; background_color: #d7005f" href="ColorPalette.html#royal_red/0">
:royal_red
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d75f5f; padding: 0.5rem;" id="color-167">
<div style="margin-right: 2rem; font-weight: bold;">167:</div>
<div style="margin-right: 2rem;">Hex: #d75f5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d75f5f" href="ColorPalette.html#indian_red/0">
:indian_red
</a>
, <a style="color: white; background_color: #d75f5f" href="ColorPalette.html#moderate_red/0">
:moderate_red
</a>
, <a style="color: white; background_color: #d75f5f" href="ColorPalette.html#roman/0">
:roman
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #d75f87; padding: 0.5rem;" id="color-168">
<div style="margin-right: 2rem; font-weight: bold;">168:</div>
<div style="margin-right: 2rem;">Hex: #d75f87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #d75f87" href="ColorPalette.html#blush/0">
:blush
</a>
, <a style="color: white; background_color: #d75f87" href="ColorPalette.html#mystic_pearl/0">
:mystic_pearl
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff0000; padding: 0.5rem;" id="color-196">
<div style="margin-right: 2rem; font-weight: bold;">196:</div>
<div style="margin-right: 2rem;">Hex: #ff0000 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #ff0000" href="ColorPalette.html#light_red_009/0">
:light_red_009
</a>
, <a style="color: white; background_color: #ff0000" href="ColorPalette.html#red/0">
:red
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: white; background-color: #ff005f; padding: 0.5rem;" id="color-197">
<div style="margin-right: 2rem; font-weight: bold;">197:</div>
<div style="margin-right: 2rem;">Hex: #ff005f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: white; background_color: #ff005f" href="ColorPalette.html#vivid_raspberry/0">
:vivid_raspberry
</a>
, <a style="color: white; background_color: #ff005f" href="ColorPalette.html#winter_sky/0">
:winter_sky
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff5f5f; padding: 0.5rem;" id="color-203">
<div style="margin-right: 2rem; font-weight: bold;">203:</div>
<div style="margin-right: 2rem;">Hex: #ff5f5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff5f5f" href="ColorPalette.html#bittersweet/0">
:bittersweet
</a>
, <a style="color: black; background_color: #ff5f5f" href="ColorPalette.html#pastel_red/0">
:pastel_red
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff5f87; padding: 0.5rem;" id="color-204">
<div style="margin-right: 2rem; font-weight: bold;">204:</div>
<div style="margin-right: 2rem;">Hex: #ff5f87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff5f87" href="ColorPalette.html#light_red/0">
:light_red
</a>
, <a style="color: black; background_color: #ff5f87" href="ColorPalette.html#strawberry/0">
:strawberry
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ff8787; padding: 0.5rem;" id="color-210">
<div style="margin-right: 2rem; font-weight: bold;">210:</div>
<div style="margin-right: 2rem;">Hex: #ff8787 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ff8787" href="ColorPalette.html#tulip/0">
:tulip
</a>
, <a style="color: black; background_color: #ff8787" href="ColorPalette.html#very_light_red/0">
:very_light_red
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=white />
## White (3 colors)
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffffff; padding: 0.5rem;" id="color-15">
<div style="margin-right: 2rem; font-weight: bold;">15:</div>
<div style="margin-right: 2rem;">Hex: #ffffff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffffff" href="ColorPalette.html#light_white/0">
:light_white
</a>
, <a style="color: black; background_color: #ffffff" href="ColorPalette.html#white/0">
:white
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffffd7; padding: 0.5rem;" id="color-230">
<div style="margin-right: 2rem; font-weight: bold;">230:</div>
<div style="margin-right: 2rem;">Hex: #ffffd7 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffffd7" href="ColorPalette.html#cream/0">
:cream
</a>
, <a style="color: black; background_color: #ffffd7" href="ColorPalette.html#cumulus/0">
:cumulus
</a>
, <a style="color: black; background_color: #ffffd7" href="ColorPalette.html#very_pale_yellow/0">
:very_pale_yellow
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffffff; padding: 0.5rem;" id="color-231">
<div style="margin-right: 2rem; font-weight: bold;">231:</div>
<div style="margin-right: 2rem;">Hex: #ffffff </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffffff" href="ColorPalette.html#light_white/0">
:light_white
</a>
, <a style="color: black; background_color: #ffffff" href="ColorPalette.html#white/0">
:white
</a>
</span>
</span>
</div>
<div style="margin-top: 5rem;" id=yellow />
## Yellow (13 colors)
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffff00; padding: 0.5rem;" id="color-11">
<div style="margin-right: 2rem; font-weight: bold;">11:</div>
<div style="margin-right: 2rem;">Hex: #ffff00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffff00" href="ColorPalette.html#light_yellow_011/0">
:light_yellow_011
</a>
, <a style="color: black; background_color: #ffff00" href="ColorPalette.html#yellow/0">
:yellow
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7d700; padding: 0.5rem;" id="color-184">
<div style="margin-right: 2rem; font-weight: bold;">184:</div>
<div style="margin-right: 2rem;">Hex: #d7d700 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7d700" href="ColorPalette.html#citrine/0">
:citrine
</a>
, <a style="color: black; background_color: #d7d700" href="ColorPalette.html#corn/0">
:corn
</a>
, <a style="color: black; background_color: #d7d700" href="ColorPalette.html#strong_yellow/0">
:strong_yellow
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7d75f; padding: 0.5rem;" id="color-185">
<div style="margin-right: 2rem; font-weight: bold;">185:</div>
<div style="margin-right: 2rem;">Hex: #d7d75f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7d75f" href="ColorPalette.html#chinese_green/0">
:chinese_green
</a>
, <a style="color: black; background_color: #d7d75f" href="ColorPalette.html#moderate_yellow/0">
:moderate_yellow
</a>
, <a style="color: black; background_color: #d7d75f" href="ColorPalette.html#tacha/0">
:tacha
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7d787; padding: 0.5rem;" id="color-186">
<div style="margin-right: 2rem; font-weight: bold;">186:</div>
<div style="margin-right: 2rem;">Hex: #d7d787 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7d787" href="ColorPalette.html#deco/0">
:deco
</a>
, <a style="color: black; background_color: #d7d787" href="ColorPalette.html#medium_spring_bud/0">
:medium_spring_bud
</a>
, <a style="color: black; background_color: #d7d787" href="ColorPalette.html#slightly_desaturated_yellow/0">
:slightly_desaturated_yellow
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7ff00; padding: 0.5rem;" id="color-190">
<div style="margin-right: 2rem; font-weight: bold;">190:</div>
<div style="margin-right: 2rem;">Hex: #d7ff00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7ff00" href="ColorPalette.html#chartreuse/0">
:chartreuse
</a>
, <a style="color: black; background_color: #d7ff00" href="ColorPalette.html#chartreuse_yellow/0">
:chartreuse_yellow
</a>
, <a style="color: black; background_color: #d7ff00" href="ColorPalette.html#pure_yellow/0">
:pure_yellow
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7ff5f; padding: 0.5rem;" id="color-191">
<div style="margin-right: 2rem; font-weight: bold;">191:</div>
<div style="margin-right: 2rem;">Hex: #d7ff5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7ff5f" href="ColorPalette.html#canary/0">
:canary
</a>
, <a style="color: black; background_color: #d7ff5f" href="ColorPalette.html#maximum_green_yellow/0">
:maximum_green_yellow
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #d7ff87; padding: 0.5rem;" id="color-192">
<div style="margin-right: 2rem; font-weight: bold;">192:</div>
<div style="margin-right: 2rem;">Hex: #d7ff87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #d7ff87" href="ColorPalette.html#honeysuckle/0">
:honeysuckle
</a>
, <a style="color: black; background_color: #d7ff87" href="ColorPalette.html#mindaro/0">
:mindaro
</a>
, <a style="color: black; background_color: #d7ff87" href="ColorPalette.html#very_light_green/0">
:very_light_green
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffd700; padding: 0.5rem;" id="color-220">
<div style="margin-right: 2rem; font-weight: bold;">220:</div>
<div style="margin-right: 2rem;">Hex: #ffd700 </div>
<span>
<span style="margin-right: 1rem;">Color Name: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffd700" href="ColorPalette.html#gold/0">
:gold
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffd75f; padding: 0.5rem;" id="color-221">
<div style="margin-right: 2rem; font-weight: bold;">221:</div>
<div style="margin-right: 2rem;">Hex: #ffd75f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffd75f" href="ColorPalette.html#dandelion/0">
:dandelion
</a>
, <a style="color: black; background_color: #ffd75f" href="ColorPalette.html#naples_yellow/0">
:naples_yellow
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffff00; padding: 0.5rem;" id="color-226">
<div style="margin-right: 2rem; font-weight: bold;">226:</div>
<div style="margin-right: 2rem;">Hex: #ffff00 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffff00" href="ColorPalette.html#light_yellow_011/0">
:light_yellow_011
</a>
, <a style="color: black; background_color: #ffff00" href="ColorPalette.html#yellow/0">
:yellow
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffff5f; padding: 0.5rem;" id="color-227">
<div style="margin-right: 2rem; font-weight: bold;">227:</div>
<div style="margin-right: 2rem;">Hex: #ffff5f </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffff5f" href="ColorPalette.html#laser_lemon/0">
:laser_lemon
</a>
, <a style="color: black; background_color: #ffff5f" href="ColorPalette.html#light_yellow/0">
:light_yellow
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffff87; padding: 0.5rem;" id="color-228">
<div style="margin-right: 2rem; font-weight: bold;">228:</div>
<div style="margin-right: 2rem;">Hex: #ffff87 </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffff87" href="ColorPalette.html#dolly/0">
:dolly
</a>
, <a style="color: black; background_color: #ffff87" href="ColorPalette.html#pastel_yellow/0">
:pastel_yellow
</a>
, <a style="color: black; background_color: #ffff87" href="ColorPalette.html#very_light_yellow/0">
:very_light_yellow
</a>
</span>
</span>
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; color: black; background-color: #ffffaf; padding: 0.5rem;" id="color-229">
<div style="margin-right: 2rem; font-weight: bold;">229:</div>
<div style="margin-right: 2rem;">Hex: #ffffaf </div>
<span>
<span style="margin-right: 1rem;">Color Names: </span>
<span style="margin-right: 1rem;">
<a style="color: black; background_color: #ffffaf" href="ColorPalette.html#calamansi/0">
:calamansi
</a>
, <a style="color: black; background_color: #ffffaf" href="ColorPalette.html#pale_yellow/0">
:pale_yellow
</a>
, <a style="color: black; background_color: #ffffaf" href="ColorPalette.html#portafino/0">
:portafino
</a>
</span>
</span>
</div>
