https://github.com/dartoos-dev/flutter_brand_palettes
Color palettes of popular brands and companies
https://github.com/dartoos-dev/flutter_brand_palettes
brand-colors brand-palettes color-palette google-colors instagram-colors
Last synced: 8 months ago
JSON representation
Color palettes of popular brands and companies
- Host: GitHub
- URL: https://github.com/dartoos-dev/flutter_brand_palettes
- Owner: dartoos-dev
- License: mit
- Created: 2021-04-02T18:23:30.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-08-22T12:28:08.000Z (almost 2 years ago)
- Last Synced: 2024-08-23T00:03:59.729Z (almost 2 years ago)
- Topics: brand-colors, brand-palettes, color-palette, google-colors, instagram-colors
- Language: Dart
- Homepage:
- Size: 397 KB
- Stars: 8
- Watchers: 4
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# flutter_brand_palettes
[](https://www.elegantobjects.org)
[](https://www.rultor.com/p/dartoos-dev/flutter_brand_palettes)
[](https://pub.dev/packages/flutter_brand_palettes)
[](https://github.com/dartoos-dev/flutter_brand_palettes/blob/master/LICENSE)
[](https://github.com/dartoos-dev/flutter_brand_palettes/actions/)
[](https://codecov.io/gh/dartoos-dev/flutter_brand_palettes)
[](https://www.codefactor.io/repository/github/rafamizes/flutter_brand_palettes)
[](https://pub.dev/packages/lint)
[](https://hitsofcode.com/github/dartoos-dev/flutter_brand_palettes/view?branch=master)
## Contents
- [Overview](#overview)
- [Getting Started](#getting-started)
- [Color Palettes in action](#color-palettes-in-action)
- [Color Gradient in action](#color-gradient-in-action)
- [Color Gradients](#color-palettes-in-action)
- [Demo application](#demo-application)
- [I need the 'X' color palettes](#i-need-the-x-color-palette)
- [Contribute](#contribute)
- [List of Color Palettes](#list-of-color-palettes-a-z)
- [References](#hex-color-values-references)
## Overview
**Flutter Brand Palettes** is a collection of declarative, object-oriented
classes for the color palettes of popular brands and companies.
For example, to retrieve the Instagram colors at once, as a `List`
object, simply declare `InstagramGrad().colors` — the 'Grad' suffix is short for
_Gradient_.
For a single color, simply select it from the color palette class it belongs to.
For example, the command `Instagram.royalBlue()` retrieves the royal blue color
from the Instagram color palette; likewise, `Instagram.yellow()` retrieves the
yellow color; and so on.
In addition, all classes are well-documented and fully unit-tested, passing
through a CI pipeline with rigorous quality ports.
## 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 example, the command `Facebook.blue().color` returns Facebook's blue color
_#4267B2_. Similarly, the command `Instagram.red().color` returns Instagram's
red color _#FD1D1D_; `Google.red().color`, Google's red color _#DB4437_.
Therefore, the command pattern for any brand is: _'Brand.colorName().color'_.
## Color Palettes in Action
The code bellow builds a container widget whose background color is Facebook
blue.
```dart
import 'package:brand_colors/flutter_brand_colors.dart';
import 'package:flutter/material.dart';
class FacebookIsh extends StatelessWidget {
const _blue = Facebook.blue();
@override
Widget build(BuildContext context) => Container(color: _blue.color);
}
```
## Color Gradient in Action
The code below builds a rectangle filled with the Google logo gradient.
```dart
/// Rectangle filled with Google logo color gradient.
class Googleish extends StatelessWidget {
static final _googleGrad = const GoogleGrad().colors;
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
gradient: LinearGradient(colors: _googleGrad),
),
);
}
}
```
The result of the previous code in full screen
## 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:
```shell
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' color palette
Do you need a color palette that has not been implemented yet?
It doesn't matter the size and relevance of the company, not even if it's a tech
company.
Just open an
[issue](https://github.com/dartoos-dev/flutter_brand_palettes/issues) and enter
the brand or company name; the color palette will be implemented as soon as
possible.
## Contribute
Contributors are welcome!
1. Open an issue regarding an improvement, a bug you noticed, or ask to be
assigned to an existing one.
2. If the issue is confirmed, fork the repository, do the changes on a separate
branch and make a _Pull Request_.
3. After review and acceptance, the _Pull Request_ is merged and closed.
Make sure the command below **passes** before making a Pull Request.
```shell
flutter analyze && flutter test
```
## List of Color Palettes (A-Z)
For more in-depth details — hex codes, brand colors, etc. —, check the
[color-palettes](https://pub.dev/documentation/flutter_brand_palettes/latest/palettes/palettes-library.html)
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](https://usbrandcolors.com/)
- [brand palettes](https://brandpalettes.com/)
- [brand colors](https://brandcolors.net/)