rukkiecodes-colors

1.0.1 • Public • Published

rukkiecodes-colors Documentation

Overview

rukkiecodes-colors is an npm library designed to provide developers with a diverse range of colors in various shades. This library is tailored for ease of use, enabling developers to effortlessly integrate colors into their JavaScript or TypeScript projects. With a wide array of readily available colors, rukkiecodes-colors simplifies the process of selecting and using colors in your applications.

Installation

You can install rukkiecodes-colors using either npm or yarn. Choose the package manager that suits your project:

Using npm

npm install rukkiecodes-colors

Using yarn

yarn add rukkiecodes-colors

Usage

Once installed, you can import the colors from rukkiecodes-colors into your JavaScript or TypeScript files. The library provides a variety of color palettes, each with a range of shades. Below is an example of how you can import and use the colors:

// Importing a color palette
import { red, blue, green } from 'rukkiecodes-colors';

// Accessing color properties
console.log('Red Color:', red.hex); // Output: #FF0000
console.log('Blue Color:', blue.name); // Output: blue
console.log('Green Color:', green.hex); // Output: #00FF00

Color Palettes

White & Black

  • white: #ffffff
  • black: #000000

Primary Colors

  • red: #FF0000
  • green: #00FF00
  • blue: #0000FF

Additional Color Palettes

rukkiecodes-colors includes a rich set of additional color palettes. These palettes cover a spectrum of shades and can be easily accessed and utilized in your projects. For a comprehensive list, refer to the documentation or explore the available colors through your code editor's autocomplete features.

Contributions

Contributions to rukkiecodes-colors are welcome! If you have additional color palettes, improvements, or feature requests, feel free to contribute to the project on GitHub.

License

This library is distributed under the MIT License.

For more details and examples, please refer to the official documentation or the GitHub repository: rukkiecodes/rukkiecodes-colors.

Happy coding with vibrant colors! 🌈

Basic

Name Hex Code Description
White #ffffff Basic white color
Black #000000 Basic black color
Red #ff0000 Basic red color
Green #00ff00 Basic green color
Blue #0000ff Basic blue color

Off-White Color Palette

Name Hex Code Description
Off White 50 #FAFAFA Very light off-white
Off White 100 #F5F5F5 Light off-white
Off White 200 #F0F0F0 Lighter off-white
Off White 300 #EAEAEA Light grayish off-white
Off White 400 #E5E5E5 Light gray off-white
Off White 500 #E0E0E0 Medium light gray
Off White 600 #DADADA Medium grayish off-white
Off White 700 #D5D5D5 Medium gray off-white
Off White 800 #D0D0D0 Darkish gray off-white
Off White 900 #CACACA Dark gray off-white

Grey Color Palette

Name Hex Code Description
Grey 50 #FAFAFA Very light grey
Grey 100 #F5F5F5 Light grey
Grey 200 #EEEEEE Lighter grey
Grey 300 #E0E0E0 Light grayish grey
Grey 400 #BDBDBD Light gray
Grey 500 #9E9E9E Medium light gray
Grey 600 #757575 Medium grayish grey
Grey 700 #616161 Medium gray
Grey 800 #424242 Darkish gray
Grey 900 #212121 Dark gray

Red Color Palette

Name Hex Code Description
Red 50 #FFEBEE Very light red
Red 100 #FFCDD2 Light red
Red 200 #EF9A9A Lighter red
Red 300 #E57373 Light coral red
Red 400 #EF5350 Light tomato red
Red 500 #F44336 Medium light red
Red 600 #E53935 Medium coral red
Red 700 #D32F2F Medium tomato red
Red 800 #C62828 Darkish coral red
Red 900 #B71C1C Dark tomato red

Green Color Palette

Name Hex Code Description
Green 50 #E8F5E9 Very light green
Green 100 #C8E6C9 Light green
Green 200 #A5D6A7 Lighter green
Green 300 #81C784 Light greenish green
Green 400 #66BB6A Light green
Green 500 #4CAF50 Medium light green
Green 600 #43A047 Medium greenish green
Green 700 #388E3C Medium green
Green 800 #2E7D32 Darkish green
Green 900 #1B5E20 Dark green

Teal Color Palette

Name Hex Code Description
Teal 50 #E0F2F1 Very light teal
Teal 100 #B2DFDB Light teal
Teal 200 #80CBC4 Lighter teal
Teal 300 #4DB6AC Light tealish teal
Teal 400 #26A69A Light teal
Teal 500 #009688 Medium light teal
Teal 600 #00897B Medium tealish teal
Teal 700 #00796B Medium teal
Teal 800 #00695C Darkish teal
Teal 900 #004D40 Dark teal

Blue Color Palette

Name Hex Code Description
Blue 50 #E3F2FD Very light blue
Blue 100 #BBDEFB Light blue
Blue 200 #90CAF9 Lighter blue
Blue 300 #64B5F6 Light blueish blue
Blue 400 #42A5F5 Light blue
Blue 500 #2196F3 Medium light blue
Blue 600 #1E88E5 Medium blueish blue
Blue 700 #1976D2 Medium blue
Blue 800 #1565C0 Darkish blue
Blue 900 #0D47A1 Dark blue

Sky Blue Color Palette

Name Hex Code Description
SkyBlue 50 #E3F2FD Very light sky blue
SkyBlue 100 #BBDEFB Light sky blue
SkyBlue 200 #90CAF9 Lighter sky blue
SkyBlue 300 #64B5F6 Light sky blueish blue
SkyBlue 400 #42A5F5 Light sky blue
SkyBlue 500 #2196F3 Medium light sky blue
SkyBlue 600 #1E88E5 Medium sky blueish blue
SkyBlue 700 #1976D2 Medium sky blue
SkyBlue 800 #1565C0 Darkish sky blue
SkyBlue 900 #0D47A1 Dark sky blue

Ocean Blue Color Palette

Name Hex Code Description
OceanBlue 50 #E0E8F9 Very light ocean blue
OceanBlue 100 #B3C7E1 Light ocean blue
OceanBlue 200 #829FCE Lighter ocean blue
OceanBlue 300 #5877B8 Light ocean blueish blue
OceanBlue 400 #335DAB Light ocean blue
OceanBlue 500 #1E4D96 Medium light ocean blue
OceanBlue 600 #1A4285 Medium ocean blueish blue
OceanBlue 700 #133674 Medium ocean blue
OceanBlue 800 #0C295E Darkish ocean blue
OceanBlue 900 #051C46 Dark ocean blue

Amber Color Palette

Name Hex Code Description
Amber 50 #FFF8E1 Very light amber
Amber 100 #FFECB3 Light amber
Amber 200 #FFE082 Lighter amber
Amber 300 #FFD54F Light amberish
Amber 400 #FFCA28 Light amber
Amber 500 #FFC107 Medium light amber
Amber 600 #FFB300 Medium amberish
Amber 700 #FFA000 Medium amber
Amber 800 #FF8F00 Darkish amber
Amber 900 #FF6F00 Dark amber

Purple Color Palette

Name Hex Code Description
Purple 50 #F3E5F5 Very light purple
Purple 100 #E1BEE7 Light purple
Purple 200 #CE93D8 Lighter purple
Purple 300 #BA68C8 Light purplish
Purple 400 #AB47BC Light purple
Purple 500 #9C27B0 Medium light purple
Purple 600 #8E24AA Medium purplish
Purple 700 #7B1FA2 Medium purple
Purple 800 #6A1B9A Darkish purple
Purple 900 #4A148C Dark purple

Indigo Color Palette

Name Hex Code Description
Indigo 50 #E8EAF6 Very light indigo
Indigo 100 #C5CAE9 Light indigo
Indigo 200 #9FA8DA Lighter indigo
Indigo 300 #7986CB Light indigo
Indigo 400 #5C6BC0 Light purplish
Indigo 500 #3F51B5 Medium light indigo
Indigo 600 #3949AB Medium indigo
Indigo 700 #303F9F Medium dark indigo
Indigo 800 #283593 Darkish indigo
Indigo 900 #1A237E Dark indigo

Pink Color Palette

Name Hex Code Description
Pink 50 #FCE4EC Very light pink
Pink 100 #F8BBD0 Light pink
Pink 200 #F48FB1 Lighter pink
Pink 300 #F06292 Light pink
Pink 400 #EC407A Light purplish
Pink 500 #E91E63 Medium light pink
Pink 600 #D81B60 Medium pink
Pink 700 #C2185B Medium dark pink
Pink 800 #AD1457 Darkish pink
Pink 900 #880E4F Dark pink

Gold Color Palette

Name Hex Code Description
Gold 50 #FFF8E1 Very light gold
Gold 100 #FFECB3 Light gold
Gold 200 #FFE082 Lighter gold
Gold 300 #FFD54F Light gold
Gold 400 #FFCA28 Light orangish
Gold 500 #FFC107 Medium light gold
Gold 600 #FFB300 Medium gold
Gold 700 #FFA000 Medium dark gold
Gold 800 #FF8F00 Darkish gold
Gold 900 #FF6F00 Dark gold

Brown Color Palette

Name Hex Code Description
Brown 50 #EFEBE9 Very light brown
Brown 100 #D7CCC8 Light brown
Brown 200 #BCAAA4 Lighter brown
Brown 300 #A1887F Light brown
Brown 400 #8D6E63 Light orangish
Brown 500 #795548 Medium light brown
Brown 600 #6D4C41 Medium brown
Brown 700 #5D4037 Medium dark brown
Brown 800 #4E342E Darkish brown
Brown 900 #3E2723 Dark brown

Khaki Color Palette

Name Hex Code Description
Khaki 50 #FFF8E1 Very light khaki
Khaki 100 #FFECB3 Light khaki
Khaki 200 #FFE082 Lighter khaki
Khaki 300 #FFD54F Light khaki
Khaki 400 #FFCA28 Light orangish
Khaki 500 #FFC107 Medium light khaki
Khaki 600 #FFB300 Medium khaki
Khaki 700 #FFA000 Medium dark khaki
Khaki 800 #FF8F00 Darkish khaki
Khaki 900 #FF6F00 Dark khaki

Yellow Color Palette

Name Hex Code Description
Yellow 50 #FFFDE7 Very light yellow
Yellow 100 #FFF9C4 Light yellow
Yellow 200 #FFF590 Lighter yellow
Yellow 300 #FFF176 Light yellow
Yellow 400 #FFEE58 Light orangish yellow
Yellow 500 #FFEB3B Medium light yellow
Yellow 600 #FDD835 Medium yellow
Yellow 700 #FBC02D Medium dark yellow
Yellow 800 #F9A825 Darkish yellow
Yellow 900 #F57F17 Dark yellow

Silver Color Palette

Name Hex Code Description
Silver 50 #F9FAFB Very light silver
Silver 100 #F4F5F7 Light silver
Silver 200 #EBEDF0 Lighter silver
Silver 300 #D8DCE1 Light silver
Silver 400 #B6BFC7 Light grayish silver
Silver 500 #95A5A6 Medium light silver
Silver 600 #7F8C8D Medium silver
Silver 700 #707B7C Medium dark silver
Silver 800 #616A6B Darkish silver
Silver 900 #4D5456 Dark silver

Sand Black Color Palette

Name Hex Code Description
Sand Black 50 #F0F0F0 Very light sand black
Sand Black 100 #D8D8D8 Light sand black
Sand Black 200 #B0B0B0 Lighter sand black
Sand Black 300 #8A8A8A Light sand black
Sand Black 400 #6E6E6E Light grayish sand black
Sand Black 500 #515151 Medium light sand black
Sand Black 600 #454545 Medium sand black
Sand Black 700 #393939 Medium dark sand black
Sand Black 800 #2D2D2D Darkish sand black
Sand Black 900 #1F1F1F Dark sand black

Space Grey Color Palette

Name Hex Code Description
Space Grey 50 #F2F2F2 Very light space grey
Space Grey 100 #E0E0E0 Light space grey
Space Grey 200 #BDBDBD Lighter space grey
Space Grey 300 #9E9E9E Light space grey
Space Grey 400 #757575 Light grayish space grey
Space Grey 500 #616161 Medium light space grey
Space Grey 600 #424242 Medium space grey
Space Grey 700 #212121 Medium dark space grey
Space Grey 800 #191919 Darkish space grey
Space Grey 900 #111111 Dark space grey

Copper Color Palette

Name Hex Code Description
Copper 50 #FEEAE3 Very light copper
Copper 100 #FED3C8 Light copper
Copper 200 #FEAD9E Lighter copper
Copper 300 #FE876F Light copper
Copper 400 #FD6143 Light reddish copper
Copper 500 #FD3A16 Medium light copper
Copper 600 #DC2E12 Medium copper
Copper 700 #BB220E Medium dark copper
Copper 800 #99170B Darkish copper
Copper 900 #770B08 Dark copper

Aluminum Color Palette

Name Hex Code Description
Aluminum 50 #F7F7F7 Very light aluminum
Aluminum 100 #E0E0E0 Light aluminum
Aluminum 200 #BDBDBD Lighter aluminum
Aluminum 300 #9E9E9E Light aluminum
Aluminum 400 #757575 Light grayish aluminum
Aluminum 500 #616161 Medium light aluminum
Aluminum 600 #424242 Medium aluminum
Aluminum 700 #212121 Medium dark aluminum
Aluminum 800 #191919 Darkish aluminum
Aluminum 900 #111111 Dark aluminum

Readme

Keywords

none

Package Sidebar

Install

npm i rukkiecodes-colors

Weekly Downloads

1

Version

1.0.1

License

ISC

Unpacked Size

31.5 kB

Total Files

3

Last publish

Collaborators

  • rukkiecodes