Material Design Color Palettes

https://material.io/design/color/the-color-system.html

Install

This package actually only contains a JSON file.

1yarn add @egoist/md-colors --dev

Usage

Using with TailwindCSS

In your tailwind.config.js:

1const colors = require('@egoist/md-colors')
2
3module.exports = {
4  theme: {
5    // Override default colors here
6    colors
7  }
8}

Color names are camelCased, e.g. deepPurple and lightBlue, you can reference one via text-lightBlue-200 in TailwindCSS.

TypeScript support

To load this module in a .ts file:

1// Individual imports
2import { red, green } from '@egoist/md-colors'
3
4// Or load everything
5import * as colors from '@egoist/md-colors'

License

MIT.