50 shades of grey. Almost.

I was sent this by a developer in the office, from the SASS file for a web app.

/* greys */
$grey1: #DEDEDE;
$grey2: #CCCCCC;
$grey3: #333333;
$grey4: #666666;
$grey5: #999999;
$grey6: #f7f7f8;
$grey7: #dddddd;
$grey8: #eeeeee;
$grey9: #777777;
$grey10: #f5f5f5;
$grey11: #f9f9f9;
$grey12: #e8e8e8;
$grey13: #e5e5e5;
$grey14: #555555;
$grey15: #737373;
$grey16: #e6e6e6;
$grey17: #adadad;
$grey18: #262626;
$grey19: #f8f8f8;
$grey20: #e7e7e7;
$grey21: #888888;
$grey22: #222222;
$grey23: #080808;
$grey24: #9d9d9d;
$grey25: #4A4A4A;
$grey26: #101010;
$grey27: #d5d5d5;
$grey28: #e3e3e3;
$grey29: #ebebeb;
$grey30: #bbbbbb;
$grey31: #efefef;
Notice the wonderful concise and informative referencing of the classes, easy reference was not top of the priority list I presume. But this is what happens when you are sent PDF’s from the designer.

Leave a Reply