Color and ColorSwatch constants which represent Material design's color palette.

Instead of using an absolute color from these palettes, consider using Theme.of to obtain the local ThemeData structure, which exposes the colors selected for the current theme, such as ThemeData.primaryColor and ThemeData.accentColor (among many others).

To select a specific color from one of the swatches, index into the swatch using an integer for the specific color desired, as follows:

Colors.green[400]  // Selects a mid-range green.

Each ColorSwatch constant is a color and can used directly. For example

new Container(
  color: Colors.blue, // same as Colors.blue[500] or Colors.blue.shade500
)

Most swatches have colors from 100 to 900 in increments of one hundred, plus the color 50. The smaller the number, the more pale the color. The greater the number, the darker the color. The accent swatches (e.g. redAccent) only have the values 100, 200, 400, and 700.

In addition, a series of blacks and whites with common opacities are available. For example, black54 is a pure black with 54% opacity.

Properties

hashCode int

The hash code for this object.

read-only, inherited
runtimeType Type

A representation of the runtime type of the object.

read-only, inherited

Methods

noSuchMethod(Invocation invocation) → dynamic

Invoked when a non-existent method or property is accessed.

inherited
toString() String

Returns a string representation of this object.

inherited

Operators

operator ==(other) bool

The equality operator.

inherited

Constants

accents List<MaterialAccentColor>

The material design accent color swatches.

const [redAccent, pinkAccent, purpleAccent, deepPurpleAccent, indigoAccent, blueAccent, lightBlueAccent, cyanAccent, tealAccent, greenAccent, lightGreenAccent, limeAccent, yellow…
amber MaterialColor

The amber primary color and swatch.

const MaterialColor(_amberPrimaryValue, const {50 : const Color(0xFFFFF8E1), 100 : const Color(0xFFFFECB3), 200 : const Color(0xFFFFE082), …
amberAccent MaterialAccentColor

The amber accent color and swatch.

const MaterialAccentColor(_amberAccentPrimaryValue, const {100 : const Color(0xFFFFE57F), 200 : const Color(_amberAccentPrimaryValue)…
black Color

Completely opaque black.

const Color(0xFF000000)
black12 Color

Black with 12% opacity.

const Color(0x1F000000)
black26 Color

Black with 26% opacity.

const Color(0x42000000)
black38 Color

Black with 38% opacity.

const Color(0x61000000)
black45 Color

Black with 45% opacity.

const Color(0x73000000)
black54 Color

Black with 54% opacity.

const Color(0x8A000000)
black87 Color

Black with 87% opacity.

const Color(0xDD000000)
blue MaterialColor

The blue primary color and swatch.

const MaterialColor(_bluePrimaryValue, const {50 : const Color(0xFFE3F2FD), 100 : const Color(0xFFBBDEFB), 200 : const Color(0xFF90CAF9), 3…
blueAccent MaterialAccentColor

The blue accent color and swatch.

const MaterialAccentColor(_blueAccentPrimaryValue, const {100 : const Color(0xFF82B1FF), 200 : const Color(_blueAccentPrimaryValue), …
blueGrey MaterialColor

The blue-grey primary color and swatch.

const MaterialColor(_blueGreyPrimaryValue, const {50 : const Color(0xFFECEFF1), 100 : const Color(0xFFCFD8DC), 200 : const Color(0xFFB0BEC5…
brown MaterialColor

The brown primary color and swatch.

const MaterialColor(_brownPrimaryValue, const {50 : const Color(0xFFEFEBE9), 100 : const Color(0xFFD7CCC8), 200 : const Color(0xFFBCAAA4), …
cyan MaterialColor

The cyan primary color and swatch.

const MaterialColor(_cyanPrimaryValue, const {50 : const Color(0xFFE0F7FA), 100 : const Color(0xFFB2EBF2), 200 : const Color(0xFF80DEEA), 3…
cyanAccent MaterialAccentColor

The cyan accent color and swatch.

const MaterialAccentColor(_cyanAccentPrimaryValue, const {100 : const Color(0xFF84FFFF), 200 : const Color(_cyanAccentPrimaryValue), …
deepOrange MaterialColor

The deep orange primary color and swatch.

const MaterialColor(_deepOrangePrimaryValue, const {50 : const Color(0xFFFBE9E7), 100 : const Color(0xFFFFCCBC), 200 : const Color(0xFFFFAB…
deepOrangeAccent MaterialAccentColor

The deep orange accent color and swatch.

const MaterialAccentColor(_deepOrangeAccentPrimaryValue, const {100 : const Color(0xFFFF9E80), 200 : const Color(_deepOrangeAccentPri…
deepPurple MaterialColor

The deep purple primary color and swatch.

const MaterialColor(_deepPurplePrimaryValue, const {50 : const Color(0xFFEDE7F6), 100 : const Color(0xFFD1C4E9), 200 : const Color(0xFFB39D…
deepPurpleAccent MaterialAccentColor

The deep purple accent color and swatch.

const MaterialAccentColor(_deepPurpleAccentPrimaryValue, const {100 : const Color(0xFFB388FF), 200 : const Color(_deepPurpleAccentPri…
green MaterialColor

The green primary color and swatch.

const MaterialColor(_greenPrimaryValue, const {50 : const Color(0xFFE8F5E9), 100 : const Color(0xFFC8E6C9), 200 : const Color(0xFFA5D6A7), …
greenAccent MaterialAccentColor

The green accent color and swatch.

const MaterialAccentColor(_greenAccentPrimaryValue, const {100 : const Color(0xFFB9F6CA), 200 : const Color(_greenAccentPrimaryValue)…
grey MaterialColor

The grey primary color and swatch.

const MaterialColor(_greyPrimaryValue, const {50 : const Color(0xFFFAFAFA), 100 : const Color(0xFFF5F5F5), 200 : const Color(0xFFEEEEEE), 3…
indigo MaterialColor

The indigo primary color and swatch.

const MaterialColor(_indigoPrimaryValue, const {50 : const Color(0xFFE8EAF6), 100 : const Color(0xFFC5CAE9), 200 : const Color(0xFF9FA8DA),…
indigoAccent MaterialAccentColor

The indigo accent color and swatch.

const MaterialAccentColor(_indigoAccentPrimaryValue, const {100 : const Color(0xFF8C9EFF), 200 : const Color(_indigoAccentPrimaryValu…
lightBlue MaterialColor

The light blue primary color and swatch.

const MaterialColor(_lightBluePrimaryValue, const {50 : const Color(0xFFE1F5FE), 100 : const Color(0xFFB3E5FC), 200 : const Color(0xFF81D4F…
lightBlueAccent MaterialAccentColor

The light blue accent swatch.

const MaterialAccentColor(_lightBlueAccentPrimaryValue, const {100 : const Color(0xFF80D8FF), 200 : const Color(_lightBlueAccentPrima…
lightGreen MaterialColor

The light green primary color and swatch.

const MaterialColor(_lightGreenPrimaryValue, const {50 : const Color(0xFFF1F8E9), 100 : const Color(0xFFDCEDC8), 200 : const Color(0xFFC5E1…
lightGreenAccent MaterialAccentColor

The light green accent color and swatch.

const MaterialAccentColor(_lightGreenAccentPrimaryValue, const {100 : const Color(0xFFCCFF90), 200 : const Color(_lightGreenAccentPri…
lime MaterialColor

The lime primary color and swatch.

const MaterialColor(_limePrimaryValue, const {50 : const Color(0xFFF9FBE7), 100 : const Color(0xFFF0F4C3), 200 : const Color(0xFFE6EE9C), 3…
limeAccent MaterialAccentColor

The lime accent primary color and swatch.

const MaterialAccentColor(_limeAccentPrimaryValue, const {100 : const Color(0xFFF4FF81), 200 : const Color(_limeAccentPrimaryValue), …
orange MaterialColor

The orange primary color and swatch.

const MaterialColor(_orangePrimaryValue, const {50 : const Color(0xFFFFF3E0), 100 : const Color(0xFFFFE0B2), 200 : const Color(0xFFFFCC80),…
orangeAccent MaterialAccentColor

The orange accent color and swatch.

const MaterialAccentColor(_orangeAccentPrimaryValue, const {100 : const Color(0xFFFFD180), 200 : const Color(_orangeAccentPrimaryValu…
pink MaterialColor

The pink primary color and swatch.

const MaterialColor(_pinkPrimaryValue, const {50 : const Color(0xFFFCE4EC), 100 : const Color(0xFFF8BBD0), 200 : const Color(0xFFF48FB1), 3…
pinkAccent MaterialAccentColor

The pink accent color swatch.

const MaterialAccentColor(_pinkAccentPrimaryValue, const {100 : const Color(0xFFFF80AB), 200 : const Color(_pinkAccentPrimaryValue), …
primaries List<MaterialColor>

The material design primary color swatches (except grey).

const [red, pink, purple, deepPurple, indigo, blue, lightBlue, cyan, teal, green, lightGreen, lime, yellow, amber, orange, deepOrange, brown, blueGrey]
purple MaterialColor

The purple primary color and swatch.

const MaterialColor(_purplePrimaryValue, const {50 : const Color(0xFFF3E5F5), 100 : const Color(0xFFE1BEE7), 200 : const Color(0xFFCE93D8),…
purpleAccent MaterialAccentColor

The purple accent color and swatch.

const MaterialAccentColor(_purpleAccentPrimaryValue, const {100 : const Color(0xFFEA80FC), 200 : const Color(_purpleAccentPrimaryValu…
red MaterialColor

The red primary color and swatch.

const MaterialColor(_redPrimaryValue, const {50 : const Color(0xFFFFEBEE), 100 : const Color(0xFFFFCDD2), 200 : const Color(0xFFEF9A9A), 30…
redAccent MaterialAccentColor

The red accent swatch.

const MaterialAccentColor(_redAccentValue, const {100 : const Color(0xFFFF8A80), 200 : const Color(_redAccentValue), 400 : const Colo…
teal MaterialColor

The teal primary color and swatch.

const MaterialColor(_tealPrimaryValue, const {50 : const Color(0xFFE0F2F1), 100 : const Color(0xFFB2DFDB), 200 : const Color(0xFF80CBC4), 3…
tealAccent MaterialAccentColor

The teal accent color and swatch.

const MaterialAccentColor(_tealAccentPrimaryValue, const {100 : const Color(0xFFA7FFEB), 200 : const Color(_tealAccentPrimaryValue), …
transparent Color

Completely invisible.

const Color(0x00000000)
white Color

Completely opaque white.

const Color(0xFFFFFFFF)
white10 Color

White with 10% opacity.

const Color(0x1AFFFFFF)
white12 Color

White with 12% opacity.

const Color(0x1FFFFFFF)
white30 Color

White with 32% opacity.

const Color(0x4DFFFFFF)
white70 Color

White with 70% opacity.

const Color(0xB3FFFFFF)
yellow MaterialColor

The yellow primary color and swatch.

const MaterialColor(_yellowPrimaryValue, const {50 : const Color(0xFFFFFDE7), 100 : const Color(0xFFFFF9C4), 200 : const Color(0xFFFFF59D),…
yellowAccent MaterialAccentColor

The yellow accent color and swatch.

const MaterialAccentColor(_yellowAccentPrimaryValue, const {100 : const Color(0xFFFFFF8D), 200 : const Color(_yellowAccentPrimaryValu…