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
- 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
- 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