@outbook/colorful

A collection of SCSS color palettes. This package provides color variables in different color models for use in web projects.

Installation

npm install @outbook/colorful

Usage

You can import the desired color palette into your SCSS files. The palettes are available in hex and oklch color models.

Available Palettes

• Caribe: A vibrant palette inspired by the Caribbean sea.
• Conifer: A palette inspired by the colors of a conifer forest.
• Indico: A palette based on indigo tones.
• Malva: A soft palette inspired by the mallow flower.

Example

To use palette with hex values, import the corresponding file into your main SCSS file:

// your-styles.scss
@use '@outbook/colorful/palettes-hex';

.my-element {
  // Example of using oklch color variables
  background-color: palettes-hex.$conifer_100;
  color: palettes-hex.$conifer_950;
}

To use palette with oklch values for modern browsers that support this color function:

// your-styles.scss
@use '@outbook/colorful/palettes-oklch';

.my-element {
  // Example of using oklch color variables
  background-color: palettes-oklch.$conifer_100;
  color: palettes-oklch.$conifer_950;
}

By importing these files, you can access the color variables defined within them and use them throughout your project's stylesheets.

License

This package is licensed under the MIT License.