flutter_brand_palettes 0.3.7

A collection of elegant and declarative classes for the color palettes of popular brands and companies.

Overview

Flutter Brand Palettes is a collection of declarative and object-oriented classes for the color palettes of popular brands and companies.

For example, to get all the Instagram's colors at once as a List<Color> object, simply declare InstagramGrad.colors — the 'Grad' suffix is short for Gradient.

To get a single color, you just state which of the brand's colors you want. E.g. Instagram.royalBlue retrieves the Instagram's royal blue color; Instagram.yellow, the Instagram's yellow color; and so on.

In addition, each class is well-documented and fully unit-tested — this package has achieved 100% code coverage and goes through a CI pipeline with rigorous quality gates.

Contents

• Overview
• Getting Started
• Color Palettes in action
• Color Gradient in action
• Color Gradients
• Demo application
• I need the 'X' color palettes
• List of Color Palettes
• References

Getting Started

Instead of a constant integer value, a color is represented by a named constructor of its corresponding brand class. In this way, the source code becomes more object-oriented, readable and maintainable. For instance, the command Instagram.red().color retrieves the Instagram's red color #FD1D1D; Google.red().color, Google's red #DB4437; Facebook.blue().color, Facebook's blue #4267B2; and so on.

Color Palettes in Action

import 'package:brand_colors/flutter_brand_colors.dart';
import 'package:flutter/material.dart';

class FacebookIsh extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Facebook.blue().color,
    );
  }
}

Color Gradient in Action

/// Rectangle filled with Google logo color gradient.
class Googleish extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Container(
      height: kToolbarHeight / 2,
      decoration: BoxDecoration(
        gradient: LinearGradient(
          colors: GoogleGrad().colors,
        ),
      ),
    );
  }

Demo application

The demo application provides a fully working example, focused on demonstrating exactly one brand in action — Instagram. You can take the code in this demo and experiment with it.

To run the demo application:

git clone https://github.com/dartoos-dev/flutter_brand_palettes.git
cd flutter_brand_palettes/example/
flutter run -d chrome

This should launch the demo application on Chrome in debug mode.

I need the 'X' brand color palette

Do you need any brand that has not yet been implemented?

• Just open an issue, enter the brand or company name, and the brand colors will be implemented as soon as possible.

Note: It doesn't matter the size or relevance of the company, not even if it is a tech company.

List of Color Palettes (A-Z)

For more in-depth details — such as the hex codes, classes, etc. —, check the color-palettes API documentation.

• Amazon
  • black, orange.
• American Express
  • bright blue, deep blue, neutral 1 (light grey), neutral 2 (dark grey).
• Android
  • green.
• Apple
  • black, silver, white.
• Bitcoin
  • grey, orange, white.
• Facebook
  • black, blue, grey, white.
• FedEx
  • orange, purple.
  • Old Palette
    • black, blue, green, grey, red, yellow, white.
• Flutter
  • blue, dark blue, dark grey, light blue, light grey, grey, white.
• Google
  • blue, green, red, yellow.
• Ibm
  • black, blue, white.
• Instagram
  • blue, dark orange, dark pink, light yellow, orange, purple, purple-red, red, royal blue, yellow.
• Iphone11
  • black, light green, light purple, light yellow, red, white.
• Iphone11Pro
  • midnight green, rose-gold, silver, space grey.
• Iphone7
  • black, gold, rose-gold, silver.
• Iphone8
  • gold, silver, space grey.
• IphoneXR2
  • black, blue, coral, red, white, yellow.
• IphoneXS
  • black, gold, silver.
• Kotlin
  • blue, orange, purple, violet.
• Linkedin
  • blue, white.
• Mastercard
  • black, orange, red, yellow.
• Messenger
  • primaries
    • black, blue, cool white, coral, pink, purple.
  • neutrals (cool grey tones)
    • daylight, midnight, twilight.
• Microsoft
  • blue, green, grey, orange-red, yellow.
• Netflix
  • black, red, white.
• Oracle
  • black, grey, red, white.
• PayPal
  • black, pal blue, pay blue, white.
• Pinterest
  • red, white.
• Reddit
  • black, orange, white.
• Slack
  • aubergine (eggplant), black, blue, green, red, yellow.
• Spotify
  • black, green, white.
• Swift
  • black, sunset orange.
• TikTok
  • black, red, turqoise, white.
• Tinder
  • grey, pink.
• Twitter
  • black, blue, dark grey, extra extra light grey, extra light grey, light, grey, white.
• Uber
  • primary
    • black, white.
  • safety
    • blue.
  • secondary
    • brown, green, orange, purple, red, yellow.
• Visa
  • blue, gold.
• Whatsapp
  • blue, light green, teal green, teal green dark, white, white chocolate.
• Youtube
  • almost black, red, white.

Hex color values references

• us brand colors
• brand palettes
• brand colors