Repo Colors Docs Home
siimple-colors
A color palette for UI design v0.0.2
Overview

siimple-colors is a simple, minimal and open source color palette for UI design.

Getting started

You must include the siimple-colors library in each HTML page of your project.

Download from GitHub

You can visit the repository hosted on GitHub and download the latest version from the releases page. You can find the CSS files on the ./dist/ folder, so you can copy them to your project.

Install using NPM or Bower

siimple is also hosted on npm and bower, so you can use the npm's CLI to install the framework on your project running the following command:

npm install siimple-colors --save

Or using the bower's CLI running the following command:

bower install siimple-colors

You can find the CSS files on the ./dist/ folder, so you can copy them or include in each HTML file of your project:

<link rel="stylesheet" type="text/css" href="./path/to/siimple-colors/dist/siimple-colors.css">
Usage

For each colo in the palette, there is a CSS class to set it as the text color with siimple-color-{color}-{number} or the background-color with siimple-bg-{color}-{number}, where {color} is the name of the color on the palette, and {number} is a number from 0 to 4, both included. If you are interested on the base color, you can set it with siimple-color-{color} for the text-color and siimple-bg-{color} for the background-color.

If you are interested in the SASS/SCSS mixins included on the package, please visit the documentation hosted on the GitHub repository.

The palette
navy #57607c
navy-0 #3f465a
navy-1 #495169
navy-2 #57607c
navy-3 #697496
navy-4 #8790ab
green #1add9f
green-0 #15b784
green-1 #18cd94
green-2 #1add9f
green-3 #32e7ad
green-4 #48eab7
teal #18d2ba
teal-0 #13a08d
teal-1 #15b7a1
teal-2 #18d2ba
teal-3 #1be4c9
teal-4 #32e7cf
blue #4894f0
blue-0 #1275ed
blue-1 #2a82ef
blue-2 #4894f0
blue-3 #599ef3
blue-4 #71acf4
purple #b490f5
purple-0 #905cf0
purple-1 #9f73f2
purple-2 #b490f5
purple-3 #bfa2f6
purple-4 #cfb9f8
pink #f45b93
pink-0 #f02872
pink-1 #f24081
pink-2 #f45b93
pink-3 #f570a1
pink-4 #f788b0
red #ff1a4f
red-0 #e60036
red-1 #ff003c
red-2 #ff1a4f
red-3 #ff3363
red-4 #ff4d76
orange #ff8463
orange-0 #ff5f33
orange-1 #ff734d
orange-2 #ff8463
orange-3 #ff9b80
orange-4 #ffaf99
yellow #ffbf00
yellow-0 #cc9900
yellow-1 #e6ac00
yellow-2 #ffbf00
yellow-3 #ffc61a
yellow-4 #ffcc33
grey #ebf2fa
grey-0 #c3d7ef
grey-1 #d7e4f4
grey-2 #ebf2fa
grey-3 #f0f5fb
grey-4 #f1f4f9
white #ffffff
white-0 #ffffff
white-1 #ffffff
white-2 #ffffff
white-3 #ffffff
white-4 #ffffff
Want to contribute?
If you found a bug, have any questions or want to contribute, please feel free to open an issue or send a pull request to our repository on GitHub. We appreciate each review or pull request for improving the siimple library.
Organization on GitHub Contribution guidelines