Brands Palettes

🎨 List of hexadecimal brands colors.
brands-palettes.vercel.app

Discover • Submit Palette • License

Brands Palettes

Brands Palettes is a collection of hexadecimal brand colors, providing an extensive list of colors associated with various brands. I based this project and code on svgl made by pheralb

Getting Started

1. Fork this project and then clone it

$ git clone https://github.com/<your_username>/brands-palettes

2. Install dependencies and run the app

$ pnpm install

$ npm run dev

3. Open app/data/brands.ts and find the category of your brand, if it's not available, open an issue proposing it. If you prefer create a Pull Request adding it.

Warning

• Ensure all colors are in hexadecimal format, beginning with #.
• For an optimal visual experience, limit each brand to a maximum of four colors. While additional colors are accepted, keep in mind that it might affect the appearance on the BrandCard.

4. Add or Edit Brand Colors:

   Open app/data/brands.ts and find the category of your brand. If it's not available, open an issue proposing it or create a Pull Request.

   Follow the structure:

   brand: ['#color1', '#color2', '#color3', ...],

   For example:

   cryptocurrencies: {
    bitcoin: ['#F79621', '#FFFFFF'],
    ethereum: ['#637BEC', '#DADEF2', '#8494EC', '#A4B4F4'],
   }

Note

• If you need to extract the palette from any brand logo, consider using this Canva Tool.

License

By contributing to the project, you agree to license your contributions under the same license as the project itself. See the LICENSE file for more information.