An extended version of Flutter Colors with more swatches and more flexibility

  Colors, packages, Packages

Colours

An extended version of Flutter Colors with more swatches and more flexibility to generate your own custom swatch.

Getting Started

In your flutter project add the dependency:

dependencies:
  colour: ^0.0.1+1

or reference the git repo directly:

dependencies:
  colour:
    git: https://github.com/salkuadrat/colours.git

Examples

Suppose your brand color is #00aa13.

#00aa13

 Gojek Brand Color [#00aa13]

You can generate your own custom swatch using:

MaterialColor gojekSwatch = Colours.swatch('#00aa13');

It will generate a complete material swatch colors:

  •  50 [#e0f5e3]
  •  100 [#b2e5b8]
  •  200 [#7fd489]
  •  300 [#4cc45a]
  •  400 [#26b736]
  •  500 [#00aa13]
  •  600 [#00a311]
  •  700 [#00990e]
  •  800 [#00900b]
  •  900 [#007f06]

You can apply the custom swatch to Theme, or access the individual color directly using:

Color gojek100 = gojekSwatch[100];
Color gojek200 = gojekSwatch[200];
Color gojek300 = gojekSwatch[300];
Color gojek400 = gojekSwatch[400];
Color gojek500 = gojekSwatch[500];
Color gojek600 = gojekSwatch[600];
Color gojek700 = gojekSwatch[700];
Color gojek800 = gojekSwatch[800];
Color gojek900 = gojekSwatch[900];

Custom Pre-Generated Swatches

Class Colours also come with custom pre-generated swatches.

  •  Colours.aliceBlue
  •  Colours.antiqueWhite
  •  Colours.aqua
  •  Colours.aquamarine
  •  Colours.azure
  •  Colours.beige
  •  Colours.bisque
  •  Colours.blanchedAlmond
  •  Colours.blueViolet
  •  Colours.burlyWood
  •  Colours.burntSienna
  •  Colours.cadetBlue
  •  Colours.chartReuse
  •  Colours.chocolate
  •  Colours.coral
  •  Colours.cornFlowerBlue
  •  Colours.cornSilk
  •  Colours.crimson
  •  Colours.darkBlue
  •  Colours.darkCyan
  •  Colours.darkGoldenRod
  •  Colours.darkGreen
  •  Colours.darkGrey
  •  Colours.darkKhaki
  •  Colours.darkMagenta
  •  Colours.darkOliveGreen
  •  Colours.darkOrange
  •  Colours.darkOrchid
  •  Colours.darkRed
  •  Colours.darkSalmon
  •  Colours.darkSeagreen
  •  Colours.darkSlateBlue
  •  Colours.darkSlateGrey
  •  Colours.darkTurquoise
  •  Colours.darkViolet
  •  Colours.deepPink
  •  Colours.deepSkyBlue
  •  Colours.dimGrey
  •  Colours.dodgerBlue
  •  Colours.fireBrick
  •  Colours.floralWhite
  •  Colours.forestGreen
  •  Colours.fuchsia
  •  Colours.gainsboro
  •  Colours.ghostWhite
  •  Colours.gold
  •  Colours.goldenRod
  •  Colours.greenYellow
  •  Colours.honeyDew
  •  Colours.hotPink
  •  Colours.indianRed
  •  Colours.ivory
  •  Colours.khaki
  •  Colours.lavender
  •  Colours.lavenderBlush
  •  Colours.lawnGreen
  •  Colours.lemonChiffon
  •  Colours.lightCoral
  •  Colours.lightCyan
  •  Colours.lightGoldenRodYellow
  •  Colours.lightGrey
  •  Colours.lightPink
  •  Colours.lightSalmon
  •  Colours.lightSeaGreen
  •  Colours.lightSkyBlue
  •  Colours.lightSlateGrey
  •  Colours.lightSteelBlue
  •  Colours.lightYellow
  •  Colours.limeGreen
  •  Colours.linen
  •  Colours.magenta
  •  Colours.maroon
  •  Colours.mediumAquamarine
  •  Colours.mediumBlue
  •  Colours.mediumOrchid
  •  Colours.mediumPurple
  •  Colours.mediumSeaGreen
  •  Colours.mediumSlateBlue
  •  Colours.mediumSpringGreen
  •  Colours.mediumTurquoise
  •  Colours.mediumVioletRed
  •  Colours.midnightBlue
  •  Colours.mintCream
  •  Colours.mistyRose
  •  Colours.moccasin
  •  Colours.navajoWhite
  •  Colours.navy
  •  Colours.oldlace
  •  Colours.olive
  •  Colours.olivedRab
  •  Colours.orangeRed
  •  Colours.orchid
  •  Colours.paleGoldenRod
  •  Colours.paleGreen
  •  Colours.paleTurquoise
  •  Colours.paleVioletRed
  •  Colours.papayaWhip
  •  Colours.peachPuff
  •  Colours.peru
  •  Colours.plum
  •  Colours.powderBlue
  •  Colours.rebeccaPurple
  •  Colours.rosyBrown
  •  Colours.royalBlue
  •  Colours.saddleBrown
  •  Colours.salmon
  •  Colours.sandyBrown
  •  Colours.seaGreen
  •  Colours.seaShell
  •  Colours.sienna
  •  Colours.silver
  •  Colours.skyBlue
  •  Colours.slateBlue
  •  Colours.slateGrey
  •  Colours.snow
  •  Colours.springGreen
  •  Colours.steelBlue
  •  Colours.tan
  •  Colours.thistle
  •  Colours.tomato
  •  Colours.turquoise
  •  Colours.violet
  •  Colours.wheat
  •  Colours.whiteSmoke
  •  Colours.yellowGreen

Default Color Swatches

Colours also come with default color swatches from class Colors.

  •  Colours.red
  •  Colours.redAccent
  •  Colours.pink
  •  Colours.pinkAccent
  •  Colours.purple
  •  Colours.purpleAccent
  •  Colours.deepPurple
  •  Colours.deepPurpleAccent
  •  Colours.indigo
  •  Colours.indigoAccent
  •  Colours.blue
  •  Colours.blueAccent
  •  Colours.lightBlue
  •  Colours.lightBlueAccent
  •  Colours.cyan
  •  Colours.cyanAccent
  •  Colours.teal
  •  Colours.tealAccent
  •  Colours.green
  •  Colours.greenAccent
  •  Colours.lightGreen
  •  Colours.lightGreenAccent
  •  Colours.lime
  •  Colours.limeAccent
  •  Colours.yellow
  •  Colours.yellowAccent
  •  Colours.amber
  •  Colours.amberAccent
  •  Colours.orange
  •  Colours.orangeAccent
  •  Colours.deepOrange
  •  Colours.deepOrangeAccent
  •  Colours.brown
  •  Colours.grey
  •  Colours.blueGrey

Also default colors from Colors:

  • Colours.transparent
  • Colours.black
  • Colours.black87
  • Colours.black54
  • Colours.black45
  • Colours.black38
  • Colours.black26
  • Colours.black12
  • Colours.white
  • Colours.white70
  • Colours.white60
  • Colours.white54
  • Colours.white38
  • Colours.white30
  • Colours.white24
  • Colours.white12
  • Colours.white10

Visual Studio Code Extension

You can search and install extension named fluttercolour to show color preview of Colours.

Download Flutter Colours package source code on GitHub

https://github.com/salkuadrat/colours

Check out the implementation guide of Flutter Colours package on PUB

https://pub.dev/packages/colours