Color constants which represent Material design's color palette.

Instead of using an absolute color from these palettes, consider using of to obtain the local ThemeData structure, which exposes the colors selected for the current theme, such as primaryColor and 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.

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.

Constants

accents List<Map<int, Color>>

The material design accent color swatches.

const > [redAccent, pinkAccent, purpleAccent, deepPurpleAccent, indigoAccent, blueAccent, lightBlueAccent, cyanAccent, tealAccent, greenAccent, lightGreenAccent, limeAccent, yellowAcce…
amber Map<int, Color>

The amber primary swatch.

const {50 : const Color(0xFFFFF8E1), 100 : const Color(0xFFFFECB3), 200 : const Color(0xFFFFE082), 300 : const Color(0xFFFFD54F), 400 : const Color(0xFFFFCA28), 500 : const Color(0xFFFFC1…
amberAccent Map<int, Color>

The amber accent swatch.

const {100 : const Color(0xFFFFE57F), 200 : const Color(0xFFFFD740), 400 : const Color(0xFFFFC400), 700 : const Color(0xFFFFAB00)}
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 Map<int, Color>

The blue primary swatch.

const {50 : const Color(0xFFE3F2FD), 100 : const Color(0xFFBBDEFB), 200 : const Color(0xFF90CAF9), 300 : const Color(0xFF64B5F6), 400 : const Color(0xFF42A5F5), 500 : const Color(0xFF2196…
blueAccent Map<int, Color>

The blue accent swatch.

const {100 : const Color(0xFF82B1FF), 200 : const Color(0xFF448AFF), 400 : const Color(0xFF2979FF), 700 : const Color(0xFF2962FF)}
blueGrey Map<int, Color>

The blue-grey primary swatch.

const {50 : const Color(0xFFECEFF1), 100 : const Color(0xFFCFD8DC), 200 : const Color(0xFFB0BEC5), 300 : const Color(0xFF90A4AE), 400 : const Color(0xFF78909C), 500 : const Color(0xFF607D…
brown Map<int, Color>

The brown primary swatch.

const {50 : const Color(0xFFEFEBE9), 100 : const Color(0xFFD7CCC8), 200 : const Color(0xFFBCAAA4), 300 : const Color(0xFFA1887F), 400 : const Color(0xFF8D6E63), 500 : const Color(0xFF7955…
cyan Map<int, Color>

The cyan primary swatch.

const {50 : const Color(0xFFE0F7FA), 100 : const Color(0xFFB2EBF2), 200 : const Color(0xFF80DEEA), 300 : const Color(0xFF4DD0E1), 400 : const Color(0xFF26C6DA), 500 : const Color(0xFF00BC…
cyanAccent Map<int, Color>

The cyan accent swatch.

const {100 : const Color(0xFF84FFFF), 200 : const Color(0xFF18FFFF), 400 : const Color(0xFF00E5FF), 700 : const Color(0xFF00B8D4)}
deepOrange Map<int, Color>

The deep orange primary swatch.

const {50 : const Color(0xFFFBE9E7), 100 : const Color(0xFFFFCCBC), 200 : const Color(0xFFFFAB91), 300 : const Color(0xFFFF8A65), 400 : const Color(0xFFFF7043), 500 : const Color(0xFFFF57…
deepOrangeAccent Map<int, Color>

The deep orange accent swatch.

const {100 : const Color(0xFFFF9E80), 200 : const Color(0xFFFF6E40), 400 : const Color(0xFFFF3D00), 700 : const Color(0xFFDD2C00)}
deepPurple Map<int, Color>

The deep purple primary swatch.

const {50 : const Color(0xFFEDE7F6), 100 : const Color(0xFFD1C4E9), 200 : const Color(0xFFB39DDB), 300 : const Color(0xFF9575CD), 400 : const Color(0xFF7E57C2), 500 : const Color(0xFF673A…
deepPurpleAccent Map<int, Color>

The deep purple accent swatch.

const {100 : const Color(0xFFB388FF), 200 : const Color(0xFF7C4DFF), 400 : const Color(0xFF651FFF), 700 : const Color(0xFF6200EA)}
green Map<int, Color>

The green primary swatch.

const {50 : const Color(0xFFE8F5E9), 100 : const Color(0xFFC8E6C9), 200 : const Color(0xFFA5D6A7), 300 : const Color(0xFF81C784), 400 : const Color(0xFF66BB6A), 500 : const Color(0xFF4CAF…
greenAccent Map<int, Color>

The green accent swatch.

const {100 : const Color(0xFFB9F6CA), 200 : const Color(0xFF69F0AE), 400 : const Color(0xFF00E676), 700 : const Color(0xFF00C853)}
grey Map<int, Color>

The grey primary swatch.

const {50 : const Color(0xFFFAFAFA), 100 : const Color(0xFFF5F5F5), 200 : const Color(0xFFEEEEEE), 300 : const Color(0xFFE0E0E0), 350 : const Color(0xFFD6D6D6), 400 : const Color(0xFFBDBD…
indigo Map<int, Color>

The indigo primary swatch.

const {50 : const Color(0xFFE8EAF6), 100 : const Color(0xFFC5CAE9), 200 : const Color(0xFF9FA8DA), 300 : const Color(0xFF7986CB), 400 : const Color(0xFF5C6BC0), 500 : const Color(0xFF3F51…
indigoAccent Map<int, Color>

The indigo accent swatch.

const {100 : const Color(0xFF8C9EFF), 200 : const Color(0xFF536DFE), 400 : const Color(0xFF3D5AFE), 700 : const Color(0xFF304FFE)}
lightBlue Map<int, Color>

The light blue primary swatch.

const {50 : const Color(0xFFE1F5FE), 100 : const Color(0xFFB3E5FC), 200 : const Color(0xFF81D4FA), 300 : const Color(0xFF4FC3F7), 400 : const Color(0xFF29B6F6), 500 : const Color(0xFF03A9…
lightBlueAccent Map<int, Color>

The light blue accent swatch.

const {100 : const Color(0xFF80D8FF), 200 : const Color(0xFF40C4FF), 400 : const Color(0xFF00B0FF), 700 : const Color(0xFF0091EA)}
lightGreen Map<int, Color>

The light green primary swatch.

const {50 : const Color(0xFFF1F8E9), 100 : const Color(0xFFDCEDC8), 200 : const Color(0xFFC5E1A5), 300 : const Color(0xFFAED581), 400 : const Color(0xFF9CCC65), 500 : const Color(0xFF8BC3…
lightGreenAccent Map<int, Color>

The light green accent swatch.

const {100 : const Color(0xFFCCFF90), 200 : const Color(0xFFB2FF59), 400 : const Color(0xFF76FF03), 700 : const Color(0xFF64DD17)}
lime Map<int, Color>

The lime primary swatch.

const {50 : const Color(0xFFF9FBE7), 100 : const Color(0xFFF0F4C3), 200 : const Color(0xFFE6EE9C), 300 : const Color(0xFFDCE775), 400 : const Color(0xFFD4E157), 500 : const Color(0xFFCDDC…
limeAccent Map<int, Color>

The lime accent primary swatch.

const {100 : const Color(0xFFF4FF81), 200 : const Color(0xFFEEFF41), 400 : const Color(0xFFC6FF00), 700 : const Color(0xFFAEEA00)}
orange Map<int, Color>

The orange primary swatch.

const {50 : const Color(0xFFFFF3E0), 100 : const Color(0xFFFFE0B2), 200 : const Color(0xFFFFCC80), 300 : const Color(0xFFFFB74D), 400 : const Color(0xFFFFA726), 500 : const Color(0xFFFF98…
orangeAccent Map<int, Color>

The orange accent swatch.

const {100 : const Color(0xFFFFD180), 200 : const Color(0xFFFFAB40), 400 : const Color(0xFFFF9100), 700 : const Color(0xFFFF6D00)}
pink Map<int, Color>

The pink primary swatch.

const {50 : const Color(0xFFFCE4EC), 100 : const Color(0xFFF8BBD0), 200 : const Color(0xFFF48FB1), 300 : const Color(0xFFF06292), 400 : const Color(0xFFEC407A), 500 : const Color(0xFFE91E…
pinkAccent Map<int, Color>

The pink accent swatch.

const {100 : const Color(0xFFFF80AB), 200 : const Color(0xFFFF4081), 400 : const Color(0xFFF50057), 700 : const Color(0xFFC51162)}
primaries List<Map<int, Color>>

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 Map<int, Color>

The purple primary swatch.

const {50 : const Color(0xFFF3E5F5), 100 : const Color(0xFFE1BEE7), 200 : const Color(0xFFCE93D8), 300 : const Color(0xFFBA68C8), 400 : const Color(0xFFAB47BC), 500 : const Color(0xFF9C27…
purpleAccent Map<int, Color>

The purple accent swatch.

const {100 : const Color(0xFFEA80FC), 200 : const Color(0xFFE040FB), 400 : const Color(0xFFD500F9), 700 : const Color(0xFFAA00FF)}
red Map<int, Color>

The red primary swatch.

const {50 : const Color(0xFFFFEBEE), 100 : const Color(0xFFFFCDD2), 200 : const Color(0xFFEF9A9A), 300 : const Color(0xFFE57373), 400 : const Color(0xFFEF5350), 500 : const Color(0xFFF443…
redAccent Map<int, Color>

The red accent swatch.

const {100 : const Color(0xFFFF8A80), 200 : const Color(0xFFFF5252), 400 : const Color(0xFFFF1744), 700 : const Color(0xFFD50000)}
teal Map<int, Color>

The teal primary swatch.

const {50 : const Color(0xFFE0F2F1), 100 : const Color(0xFFB2DFDB), 200 : const Color(0xFF80CBC4), 300 : const Color(0xFF4DB6AC), 400 : const Color(0xFF26A69A), 500 : const Color(0xFF0096…
tealAccent Map<int, Color>

The teal accent swatch.

const {100 : const Color(0xFFA7FFEB), 200 : const Color(0xFF64FFDA), 400 : const Color(0xFF1DE9B6), 700 : const Color(0xFF00BFA5)}
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 Map<int, Color>

The yellow primary swatch.

const {50 : const Color(0xFFFFFDE7), 100 : const Color(0xFFFFF9C4), 200 : const Color(0xFFFFF59D), 300 : const Color(0xFFFFF176), 400 : const Color(0xFFFFEE58), 500 : const Color(0xFFFFEB…
yellowAccent Map<int, Color>

The yellow accent swatch.

const {100 : const Color(0xFFFFFF8D), 200 : const Color(0xFFFFFF00), 400 : const Color(0xFFFFEA00), 700 : const Color(0xFFFFD600)}

Properties

hashCode int

Get a hash code for this object.

read-only, inherited
runtimeType Type

A representation of the runtime type of the object.

read-only, inherited

Operators

operator ==(other) bool

The equality operator.

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