Color Palette

Hex values of all PANTONE, HKS and RAL colors.

Installation

This package is available for Composer and also for Node.

Composer

Add it to your project by running $ composer require bitandblack/colorpalette.

NPM

Add it to your project by running $ npm install bitandblack-colorpalette.

Yarn

Add it to your project by running $ yarn add bitandblack-colorpalette.

Usage

SCSS / SASS

The preferred way to add all those colors to your project is by including one or more of the scss files from the src folder.

@import "~bitandblack-colorpalette/src/pantone/pantone-plus-solid-coated";

body {
  color: map_get($pantone-plus-solid-coated, "pantone-7547-c");
}

This will result in:

body {
    color: #121f29;
}

If you don't have the possibility to use the scss files it's also possible to use the css files from the dist folder.

JavaScript

The color values can also be used with JavaScript:

import variables from "bitandblack-colorpalette/src/pantone/pantone-plus-solid-coated.scss";

console.log(variables["pantone-7547-c"]);

This will dump #121f29.

Help

If you have any questions feel free to contact us under [email protected].