dashing-framework
Version:
Style framework for Dash
126 lines (115 loc) • 3.18 kB
Markdown
# Colors
View an [example](http://dashframework.github.io/dashing/sass/base/colors/example/example.html) of the Dashing Color Scale
##### Color Scale
| Color Variables | Hex Color Code |
|------------------|-----------------|
| $white | #FFFFFF |
| $black | #000000 |
| Gray Variables | Hex Color Code |
|-----------------|-----------------|
| $gray-50 | #F2F2F2 |
| $gray-100 | #EDEDED |
| $gray-150 | #E0E0E0 |
| $gray-200 | #D4D4D4 |
| $gray-250 | #C7C7C7 |
| $gray-300 | #BABABA |
| $gray-400 | #A1A1A1 |
| $gray-500 | #878787 |
| $gray-600 | #6E6E6E |
| $gray-700 | #555555 |
| $gray-800 | #3B3B3B |
| $gray-900 | #222222 |
| $gray | $gray-600 |
| Cool Gray Variables | Hex Color Code |
|----------------------|-----------------|
| $gray-50c | #F5F6F7 |
| $gray-100c | #EDF1F2 |
| $gray-150c | #DDE2E6 |
| $gray-200c | #D2D5D9 |
| $gray-250c | #C4C8CD |
| $gray-300c | #B6BBC2 |
| $gray-400c | #9CA3AA |
| $gray-500c | #828B94 |
| $gray-600c | #6C747D |
| $gray-700c | #575D64 |
| $gray-800c | #41464B |
| $gray-900c | #24292C |
| $gray-cool | $gray-600c |
| Blue Variables | Hex Color Code |
|-----------------|-----------------|
| $blue-50 | #E9FFFF |
| $blue-100 | #D0F3FF |
| $blue-200 | #B7DAFF |
| $blue-300 | #9DC0FF |
| $blue-400 | #84A7ED |
| $blue-500 | #6A8DD3 |
| $blue-600 | #5174BA |
| $blue-700 | #375AA0 |
| $blue-800 | #1E4187 |
| $blue-900 | #04276D |
| $blue | $blue-500 |
| Green Variables | Hex Color Code |
|------------------|-----------------|
| $green-50 | #ACFFEB |
| $green-100 | #93FFD2 |
| $green-200 | #7AFEB9 |
| $green-300 | #60E49F |
| $green-400 | #47CB86 |
| $green-500 | #2DB16C |
| $green-600 | #149853 |
| $green-700 | #007E39 |
| $green-800 | #006520 |
| $green-900 | #004B06 |
| $green | $green-500 |
| Orange Variables | Hex Color Code |
|-------------------|-----------------|
| $orange-50 | #FFFFB0 |
| $orange-100 | #FFF997 |
| $orange-200 | #FFE07E |
| $orange-300 | #FFC664 |
| $orange-400 | #F7AD4B |
| $orange-500 | #DD9331 |
| $orange-600 | #C47A18 |
| $orange-700 | #AA6000 |
| $orange-800 | #914700 |
| $orange-900 | #772D00 |
| $orange | $orange-500 |
| Purple Variables | Hex Color Code |
|-------------------|-----------------|
| $purple-50 | #F4CBFF |
| $purple-100 | #DBB2E8 |
| $purple-200 | #C299CF |
| $purple-300 | #A87FB5 |
| $purple-400 | #8F669C |
| $purple-500 | #754C82 |
| $purple-600 | #5C3369 |
| $purple-700 | #42194F |
| $purple-800 | #290036 |
| $purple-900 | #0F001C |
| $purple | $purple-500 |
| Red Variables | Hex Color Code |
|----------------|-----------------|
| $red-50 | #FFCAB8 |
| $red-100 | #FFB19F |
| $red-200 | #FF9886 |
| $red-300 | #FF7E6C |
| $red-400 | #F76553 |
| $red-500 | #DD4B39 |
| $red-600 | #C43220 |
| $red-700 | #AA1806 |
| $red-800 | #910000 |
| $red-900 | #770000 |
| $red | $red-500 |
| Yellow Variables | Hex Color Code |
|-------------------|-----------------|
| $yellow-50 | #FFFFEF |
| $yellow-100 | #FFFFD6 |
| $yellow-200 | #FFFFBD |
| $yellow-300 | #FFFFA3 |
| $yellow-400 | #FFFF8A |
| $yellow-500 | #F2E670 |
| $yellow-600 | #D9CD57 |
| $yellow-700 | #BFB33D |
| $yellow-800 | #A69A24 |
| $yellow-900 | #8C800A |
| $yellow | $yellow-500 |