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.
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.transparentColours.blackColours.black87Colours.black54Colours.black45Colours.black38Colours.black26Colours.black12Colours.whiteColours.white70Colours.white60Colours.white54Colours.white38Colours.white30Colours.white24Colours.white12Colours.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
Provides the list of the opensource Flutter apps collection with GitHub repository.

