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.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
Provides the list of the opensource Flutter apps collection with GitHub repository.