Skip to content

Commit

Permalink
adding CMYK and Pantone colors to the color page.
Browse files Browse the repository at this point in the history
  • Loading branch information
@designerbrent
designerbrent committed Mar 1, 2017
1 parent 805f879 commit 86b9e28
Showing 1 changed file with 18 additions and 1 deletion.
19 changes: 18 additions & 1 deletion source/_patterns/00-atoms/global/colors.mustache
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,17 @@
<span class="sg-label small font--primary--m">Emperor</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span>#4b207f</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(75,32,127)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>82, 100, 0, 12</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>268 C</span>
</li>

<li class="space colorset--color">
<span class="sg-swatch bg--earth" ></span>
<span class="sg-label small font--primary--m">Earth</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #5e3929</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">RGB</span>rgb(94,57,41)</span>

<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>0, 52, 100, 62</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>4695 C</span>

</li>

Expand All @@ -23,34 +26,44 @@
<span class="sg-label small font--primary--m">Grapevine</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #7f264a</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(127,38,74)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>0, 95, 40, 49</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>216 C</span>
</li>

<li class="space colorset--color">
<span class="sg-swatch bg--denim" ></span>
<span class="sg-label small font--primary--m">Denim</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #2f557f</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(47,85,127)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>100, 25, 0, 50</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>3025 C</span>
</li>

<li class="space colorset--color">
<span class="sg-swatch bg--campfire" ></span>
<span class="sg-label small font--primary--m">Campfire</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #e36520</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(227,101,32)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>0, 68, 100, 0</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>152 C</span>
</li>

<li class="space colorset--color">
<span class="sg-swatch bg--treefrog" ></span>
<span class="sg-label small font--primary--m">Tree Frog</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #448d21</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(68,141,33)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>70, 0, 100, 9</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>362 C</span>
</li>

<li class="space colorset--color">
<span class="sg-swatch bg--ming" ></span>
<span class="sg-label small font--primary--m">Ming</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #3e8391</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(62,131,145)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>57, 0, 6, 13</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>7459 C</span>
</li>

</ul>
Expand All @@ -66,13 +79,17 @@
<span class="sg-label small font--primary--m">Warm</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #ffa92d</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(255,169,45)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>68, 0, 100, 24</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>363 C</span>
</li>

<li class="space colorset--color">
<span class="sg-swatch bg--cool" ></span>
<span class="sg-label small font--primary--m">Cool</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #4d7549</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(77,117,73)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>0, 30, 95, 0</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>7409 C</span>
</li>

</ul>
Expand Down

0 comments on commit 86b9e28

Please sign in to comment.