flutter_reasonable_colors

Reasonable Colors is an open-source color system that makes it easy to build accessible, nice-looking color palettes.

Features

  • Reasonable Colors is free and open source.
  • Reasonable colors are accessible.
  • Reasonable colors are easy to use.

Installation

flutter pub add flutter_reasonable_colors

Getting started

Each ColorSwatch constant is a color and can used directly. For example:

Container(
  color: ReasonableColors.blue, // same as ReasonableColors.blue[300] or ReasonableColors.blue.shade300
)

Shades

Each color comes in 6, numbered shades. The contrast between any two shades can be inferred by the difference between their shade numbers.

Contrast

Minimum contrast can be inferred by the difference between two SHADE numbers

  • The contrast between any shades with a difference of 2 (shade-2 and shade-4, for example) will be at least 3:1.
  • The contrast between any shades with a difference of 3 (shade-2 and shade-5, for example) will be at least 4.5:1.
  • The contrast between any shades with a difference of 4 (shade-2 and shade-6, for example) will be at least 7:1.

Colors

  • Gray

reasonable_colors_grey

  • Rose

reasonable_colors_grey

  • Raspberry

reasonable_colors_grey

  • Red

reasonable_colors_grey

  • Orange

reasonable_colors_grey

  • Cinnamon

reasonable_colors_grey

  • Amber

reasonable_colors_grey

  • Yellow

reasonable_colors_grey

  • Lime

reasonable_colors_grey

  • Chartreuse

reasonable_colors_grey

  • Green

reasonable_colors_grey

  • Emerald

reasonable_colors_grey

  • Aquamarine

reasonable_colors_grey

  • Teal

reasonable_colors_grey

  • Cyan

reasonable_colors_grey

  • Powder

reasonable_colors_grey

  • Sky

reasonable_colors_grey

  • Cerulean

reasonable_colors_grey

  • Azure

reasonable_colors_grey

  • Blue

reasonable_colors_grey

  • Indigo

reasonable_colors_grey

  • Violet

reasonable_colors_grey

  • Purple

reasonable_colors_grey

  • Magenta

reasonable_colors_grey

  • Pink

reasonable_colors_grey

Additional information

More information available at: https://www.reasonable.work/colors