flutter_brand_palettes 0.3.4

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

flutter_brand_palettes

Stop searching the internet for color hex codes!

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

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,
    );
  }
}

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.

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

Just open an issue and enter the brand or company name.

Brand Palettes Classes (A-Z)

• 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