Material Color

Google Color Palette

Material Color Generator

npm install react-native-material-color --save

Demo

Usage

ES6

import Color from 'react-native-material-color';

<View style={{ backgroundColor: Color.RED[500] }} />
<View style={{ backgroundColor: Color.Red }} />

import { BLUE, Blue } from 'react-native-material-color';

<View style={{ backgroundColor: BLUE[800] }} />
<View style={{ backgroundColor: Blue }} />

ES5 Support

var Color = require('react-native-material-color');

var { RED, Red } = require('react-native-material-color');

Color List(Default 500) / Color Palette

• White / WHITE
• Black / BLACK
• Transparent / TRANSPARENT
• DeltaGrey / DELTAGREY
• DeltaBlue / DELTABLUE
• Red / RED
• Pink / PINK
• Purple / PURPLE
• DeepPruple / DEEPPRUPLE
• Indigo / INDIGO
• Blue / BLUE
• LightBlue / LIGHTBLUE
• Cyan / CYAN
• Teal / TEAL
• Green / GREEN
• LightGreen / LIGHTGREEN
• Lime / LIME
• Yellow / YELLOW
• Amber / AMBER
• Orange / ORANGE
• DeepOrange / DEEPORANGE
• Brown / BROWN
• BlueGrey / BLUEGREY
• Grey / GREY

Color Palette

• Default 500
• 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200, A400, A700

White / Black / Transparent

Do not have Palette, Just Color.WHITE / Color.White / WHITE / White