colors

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

626,411

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

2 KB

Color

Material-UI

2 contributors

Install colors as a package?

Copied

npm i @bit/mui-org.material-ui.colors

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

amber 50 amber 100 amber 200 amber 300 amber 400 amber 500 amber 600 amber 700 amber 800 amber 900 amber A100 amber A200 amber A400 amber A700

Preview: amber 50

Preview: amber 100

Preview: amber 200

Preview: amber 300

Preview: amber 400

Preview: amber 500

Preview: amber 600

Preview: amber 700

Preview: amber 800

Preview: amber 900

Preview: amber A100

Preview: amber A200

Preview: amber A400

Preview: amber A700

blue 50 blue 100 blue 200 blue 300 blue 400 blue 500 blue 600 blue 700 blue 800 blue 900 blue A100 blue A200 blue A400 blue A700

Preview: blue 50

Preview: blue 100

Preview: blue 200

Preview: blue 300

Preview: blue 400

Preview: blue 500

Preview: blue 600

Preview: blue 700

Preview: blue 800

Preview: blue 900

Preview: blue A100

Preview: blue A200

Preview: blue A400

Preview: blue A700

blueGrey 50 blueGrey 100 blueGrey 200 blueGrey 300 blueGrey 400 blueGrey 500 blueGrey 600 blueGrey 700 blueGrey 800 blueGrey 900 blueGrey A100 blueGrey A200 blueGrey A400 blueGrey A700

Preview: blueGrey 50

Preview: blueGrey 100

Preview: blueGrey 200

Preview: blueGrey 300

Preview: blueGrey 400

Preview: blueGrey 500

Preview: blueGrey 600

Preview: blueGrey 700

Preview: blueGrey 800

Preview: blueGrey 900

Preview: blueGrey A100

Preview: blueGrey A200

Preview: blueGrey A400

Preview: blueGrey A700

brown 50 brown 100 brown 200 brown 300 brown 400 brown 500 brown 600 brown 700 brown 800 brown 900 brown A100 brown A200 brown A400 brown A700

Preview: brown 50

Preview: brown 100

Preview: brown 200

Preview: brown 300

Preview: brown 400

Preview: brown 500

Preview: brown 600

Preview: brown 700

Preview: brown 800

Preview: brown 900

Preview: brown A100

Preview: brown A200

Preview: brown A400

Preview: brown A700

common black common white

Preview: common black

Preview: common white

cyan 50 cyan 100 cyan 200 cyan 300 cyan 400 cyan 500 cyan 600 cyan 700 cyan 800 cyan 900 cyan A100 cyan A200 cyan A400 cyan A700

Preview: cyan 50

Preview: cyan 100

Preview: cyan 200

Preview: cyan 300

Preview: cyan 400

Preview: cyan 500

Preview: cyan 600

Preview: cyan 700

Preview: cyan 800

Preview: cyan 900

Preview: cyan A100

Preview: cyan A200

Preview: cyan A400

Preview: cyan A700

deepOrange 50 deepOrange 100 deepOrange 200 deepOrange 300 deepOrange 400 deepOrange 500 deepOrange 600 deepOrange 700 deepOrange 800 deepOrange 900 deepOrange A100 deepOrange A200 deepOrange A400 deepOrange A700

Preview: deepOrange 50

Preview: deepOrange 100

Preview: deepOrange 200

Preview: deepOrange 300

Preview: deepOrange 400

Preview: deepOrange 500

Preview: deepOrange 600

Preview: deepOrange 700

Preview: deepOrange 800

Preview: deepOrange 900

Preview: deepOrange A100

Preview: deepOrange A200

Preview: deepOrange A400

Preview: deepOrange A700

deepPurple 50 deepPurple 100 deepPurple 200 deepPurple 300 deepPurple 400 deepPurple 500 deepPurple 600 deepPurple 700 deepPurple 800 deepPurple 900 deepPurple A100 deepPurple A200 deepPurple A400 deepPurple A700

Preview: deepPurple 50

Preview: deepPurple 100

Preview: deepPurple 200

Preview: deepPurple 300

Preview: deepPurple 400

Preview: deepPurple 500

Preview: deepPurple 600

Preview: deepPurple 700

Preview: deepPurple 800

Preview: deepPurple 900

Preview: deepPurple A100

Preview: deepPurple A200

Preview: deepPurple A400

Preview: deepPurple A700

green 50 green 100 green 200 green 300 green 400 green 500 green 600 green 700 green 800 green 900 green A100 green A200 green A400 green A700

Preview: green 50

Preview: green 100

Preview: green 200

Preview: green 300

Preview: green 400

Preview: green 500

Preview: green 600

Preview: green 700

Preview: green 800

Preview: green 900

Preview: green A100

Preview: green A200

Preview: green A400

Preview: green A700

grey 50 grey 100 grey 200 grey 300 grey 400 grey 500 grey 600 grey 700 grey 800 grey 900 grey A100 grey A200 grey A400 grey A700

Preview: grey 50

Preview: grey 100

Preview: grey 200

Preview: grey 300

Preview: grey 400

Preview: grey 500

Preview: grey 600

Preview: grey 700

Preview: grey 800

Preview: grey 900

Preview: grey A100

Preview: grey A200

Preview: grey A400

Preview: grey A700

indigo 50 indigo 100 indigo 200 indigo 300 indigo 400 indigo 500 indigo 600 indigo 700 indigo 800 indigo 900 indigo A100 indigo A200 indigo A400 indigo A700

Preview: indigo 50

Preview: indigo 100

Preview: indigo 200

Preview: indigo 300

Preview: indigo 400

Preview: indigo 500

Preview: indigo 600

Preview: indigo 700

Preview: indigo 800

Preview: indigo 900

Preview: indigo A100

Preview: indigo A200

Preview: indigo A400

Preview: indigo A700

lightBlue 50 lightBlue 100 lightBlue 200 lightBlue 300 lightBlue 400 lightBlue 500 lightBlue 600 lightBlue 700 lightBlue 800 lightBlue 900 lightBlue A100 lightBlue A200 lightBlue A400 lightBlue A700

Preview: lightBlue 50

Preview: lightBlue 100

Preview: lightBlue 200

Preview: lightBlue 300

Preview: lightBlue 400

Preview: lightBlue 500

Preview: lightBlue 600

Preview: lightBlue 700

Preview: lightBlue 800

Preview: lightBlue 900

Preview: lightBlue A100

Preview: lightBlue A200

Preview: lightBlue A400

Preview: lightBlue A700

lightGreen 50 lightGreen 100 lightGreen 200 lightGreen 300 lightGreen 400 lightGreen 500 lightGreen 600 lightGreen 700 lightGreen 800 lightGreen 900 lightGreen A100 lightGreen A200 lightGreen A400 lightGreen A700

Preview: lightGreen 50

Preview: lightGreen 100

Preview: lightGreen 200

Preview: lightGreen 300

Preview: lightGreen 400

Preview: lightGreen 500

Preview: lightGreen 600

Preview: lightGreen 700

Preview: lightGreen 800

Preview: lightGreen 900

Preview: lightGreen A100

Preview: lightGreen A200

Preview: lightGreen A400

Preview: lightGreen A700

lime 50 lime 100 lime 200 lime 300 lime 400 lime 500 lime 600 lime 700 lime 800 lime 900 lime A100 lime A200 lime A400 lime A700

Preview: lime 50

Preview: lime 100

Preview: lime 200

Preview: lime 300

Preview: lime 400

Preview: lime 500

Preview: lime 600

Preview: lime 700

Preview: lime 800

Preview: lime 900

Preview: lime A100

Preview: lime A200

Preview: lime A400

Preview: lime A700

orange 50 orange 100 orange 200 orange 300 orange 400 orange 500 orange 600 orange 700 orange 800 orange 900 orange A100 orange A200 orange A400 orange A700

Preview: orange 50

Preview: orange 100

Preview: orange 200

Preview: orange 300

Preview: orange 400

Preview: orange 500

Preview: orange 600

Preview: orange 700

Preview: orange 800

Preview: orange 900

Preview: orange A100

Preview: orange A200

Preview: orange A400

Preview: orange A700

pink 50 pink 100 pink 200 pink 300 pink 400 pink 500 pink 600 pink 700 pink 800 pink 900 pink A100 pink A200 pink A400 pink A700

Preview: pink 50

Preview: pink 100

Preview: pink 200

Preview: pink 300

Preview: pink 400

Preview: pink 500

Preview: pink 600

Preview: pink 700

Preview: pink 800

Preview: pink 900

Preview: pink A100

Preview: pink A200

Preview: pink A400

Preview: pink A700

purple 50 purple 100 purple 200 purple 300 purple 400 purple 500 purple 600 purple 700 purple 800 purple 900 purple A100 purple A200 purple A400 purple A700

Preview: purple 50

Preview: purple 100

Preview: purple 200

Preview: purple 300

Preview: purple 400

Preview: purple 500

Preview: purple 600

Preview: purple 700

Preview: purple 800

Preview: purple 900

Preview: purple A100

Preview: purple A200

Preview: purple A400

Preview: purple A700

red 50 red 100 red 200 red 300 red 400 red 500 red 600 red 700 red 800 red 900 red A100 red A200 red A400 red A700

Preview: red 50

Preview: red 100

Preview: red 200

Preview: red 300

Preview: red 400

Preview: red 500

Preview: red 600

Preview: red 700

Preview: red 800

Preview: red 900

Preview: red A100

Preview: red A200

Preview: red A400

Preview: red A700

teal 50 teal 100 teal 200 teal 300 teal 400 teal 500 teal 600 teal 700 teal 800 teal 900 teal A100 teal A200 teal A400 teal A700

Preview: teal 50

Preview: teal 100

Preview: teal 200

Preview: teal 300

Preview: teal 400

Preview: teal 500

Preview: teal 600

Preview: teal 700

Preview: teal 800

Preview: teal 900

Preview: teal A100

Preview: teal A200

Preview: teal A400

Preview: teal A700

yellow 50 yellow 100 yellow 200 yellow 300 yellow 400 yellow 500 yellow 600 yellow 700 yellow 800 yellow 900 yellow A100 yellow A200 yellow A400 yellow A700