1. Search or Browse for a Brand

Use the search bar at the top to type a brand name (e.g., Google, Netflix, Facebook).

Or use the filter buttons (All, Tech, Social, Shopping, Entertainment) to quickly find brands by category.

2. Select a Brand

Click on a brand’s logo or name in the grid.

The selected brand panel will display the brand and its available color palette.

3. Explore the Color Palette

The palette panel shows the brand’s official colors.

Click on any color to view details:

HEX code (#RRGGBB)

RGB value

Name (if available)

Usage tips (if enabled)

4. Customize Display Options

In the Preview Options section, you can toggle:

✅ Show Color Names

✅ Show HEX Codes

✅ Show RGB Codes

✅ Show Usage Tips

5. Take Action with the Palette

📋 Copy Palette → Copies all brand colors to clipboard.

💾 Export as JSON → Saves the palette for later use.

🌅 Create Gradient → Opens the Gradient Generator.

6. Use the Gradient Generator (Optional)

Pick direction (left → right, top → bottom, diagonal, radial).

Choose gradient type (linear or radial).

Preview the gradient live.

Apply it or close when done.

7. Copy Implementation Code

View generated CSS, Tailwind, or SCSS code in the output section.

Click Copy CSS Code to copy ready-to-use color styles.

8. Browse Brand Categories

At the bottom, explore popular categories (Tech, Social Media, Shopping, Entertainment) to quickly find well-known brands.

👉 This tool is great for UI designers, developers, and marketers who want to use authentic brand colors in their projects.