How to use

add to your libs

yarn add color-disk

-or-

npm install color-disk

import to your project

const {white, darkturquoise} from 'color-disk'
console.log(white) // '#FFFFFF'
console.log(darkturquoise) // '#00CED1'

why use it

It makes you manage colors much easier when using React Native or other project (CSS in JS). All the colors are followed by CSS standard.

Preview

All Colors

white - gray - black

• white : '#FFFFFF'
• ghostwhite : '#F8F8FF'
• whitesmoke : '#F5F5F5'
• gainsboro : '#DCDCDC'
• lightgray : '#D3D3D3'
• silver : '#C0C0C0'
• darkgray : '#A9A9A9'
• lightslategray : '#778899'
• slategray : '#708090'
• gray : '#808080'
• dimgray : '#696969'
• black : '#000000'

blues

• cyan : '#00FFFF'
• aliceblue : '#F0F8FF'
• azure : '#F0FFFF'
• lightcyan : '#E0FFFF'
• paleturquoise : '#AFEEEE'
• powderblue : '#B0E0E6'
• skyblue : '#87CECB'
• turquoise : '#40E0D0'
• mediumturquoise : '#48D1CC'
• darkturquoise : '#00CED1'
• darkcyan : '#008B8B'
• steelblue : '#4682B4'
• lightblue : '#ADD8E6'
• lightsteelblue : '#B0C4DE'
• lightskyblue : '#87CEFA'
• deepskyblue : '#00BFFF'
• cornflowerblue : '#6495ED'
• dodgerblue : '#1E90FF'
• royalblue : '#4169E1'
• mediumblue : '#0000CD'
• darkslateblue : '#483D8B'
• darkblue : '#00008B'
• navy : '#000080'
• midnightblue : '#191970'

greens

• honeydew : '#F0FFF0'
• aquamarine : '#7FFFD4'
• palegreen : '#98F898'
• lightgreen : '#90EE90'
• springgreen : '#00FF7F'
• mediumspringgreen : '#00FA9A'
• greenyellow : '#ADFF2F'
• lawngreen : '#7CFC00'
• chartreuse : '#7FFF00'
• lime : '#00FF00'
• limegreen : '#32CD32'
• yellowgreen : '#9ACD32'
• darkseagreen : '#8FBC8F'
• mediumseagreen : '#3CB371'
• lightseagreen : '#20B2AA'
• green : '#008080'
• seagreen : '#2E8B57'
• forestgreen : '#228B22'
• darkgreen : '#006400'
• olive : '#808000'
• darkolivegreen : '#556B2F'
• darkslategray : '#2F4F4F'

gold - yellow

• lightyellow : '#FFFFE0'
• lightgoldenrodyellow : '#FAFAD2'
• lemonchiffon : '#FFFACD'
• beige : '#F5F5DC'
• palegoldenrod : '#EEE8AA'
• khaki : '#F0E68C'
• darkkhaki : '#BDB76B'
• yellow : '#FFFF00'
• gold : '#FFD700'
• goldenrod : '#DAA520'
• darkgoldenrod : '#B8860B'

tan - orange - cream

• mintcream : '#F5FFFA'
• ivory : '#FFFFF0'
• floralwhite : '#FFFAF0'
• snow : '#FFFAFA'
• seashell : '#FFF5EE'
• linen : '#FAF0E6'
• oldlace : '#FDF5E6'
• cornsilk : '#FFF8DC'
• papayawhip : '#FFEFD5'
• antuquewhite : '#FAEBD7'
• bisque : '#FFE4C4'
• peachpuff : '#FFDAB9'
• navajowhite : '#FFDEAD'
• moccasin : '#FFE4B5'
• wheat : '#F5DEB3'
• burlywood : '#DEB887'
• tan : '#D2B48C'
• peru : '#CD853F'
• sandybrown : '#F4A460'
• darkorange : '#FF8C00'
• coral : '#FF7F50'
• tomato : '#FF6347'
• orangered : '#FF4500'
• lightsalmon : '#FFA07A'
• salmon : '#FA8072'
• lightcorol : '#F08080'
• rosybrown : '#BC8F8F'
• indianred : '#CD5C5C'
• chocolate : '#D2691E'
• sienna : '#A0522D'
• saddlebrown : '#8B4513'

purple

• lavender : '#E6E6FA'
• thistle : '#D8BFD8'
• plum : '#DDA0DD'
• violet : '#EE82EE'
• mediumorchid : '#BA55D3'
• mediumslateblue : '#7B68EE'
• mediumpurple : '#9370DB'
• slateblue : '#6A5ACD'
• darkviolet : '#9400D3'
• blueviolet : '#8A2BE2'
• darkorchid : '#9932CC'
• darkmagenta : '#8B008B'
• purple : '#800080'
• indigo : '#4B0082'

pink

• lavenderblush : '#FFF0F5'
• mistyrose : '#FFE4E1'
• lightpink : '#FFB6C1'
• pink : '#FFC0CB'
• hotpink : '#FF69B4'
• magenta : '#FF00FF'
• deeppink : '#FF1493'
• palevioletred : '#D87093'
• mediumvioletred : '#C71585'

red

• red : '#FF0000'
• crimson : '#DC143C'
• firebrick : '#B22222'
• brown : '#A52A2A'
• darkred : '#8B0000'
• maroon : '#800000'