Huehive Logo

HueHive

Shades Of Product Categories

34 views
Product Light #A3D7D7
Product Original #1b7d7d
Product Dark #004b4b
Part Light #A3E1FF
Part Original #4EC3FF
Part Dark #0091B3
Component Light #A3E0C9
Component Original #4BC37A
Component Dark #009F4A
Material Light #FFB3B3
Material Original #FF6B6B
Material Dark #B30000
Chemical Light #A3C0FF
Chemical Original #4666E5
Chemical Dark #003DA5
Manufacturer Light #FFE58A
Manufacturer Original #FFD34E
Manufacturer Dark #BFAF00
Site Light #FFB3E6
Site Original #fd7bff
Site Dark #A300B3
Supplier Light #E1B2FF
Supplier Original #A66BFF
Supplier Dark #6A00B3
#A3D7D7 Product Light
#1b7d7d Product Original
#004b4b Product Dark
#A3E1FF Part Light
#4EC3FF Part Original
#0091B3 Part Dark
#A3E0C9 Component Light
#4BC37A Component Original
#009F4A Component Dark
#FFB3B3 Material Light
#FF6B6B Material Original
#B30000 Material Dark
#A3C0FF Chemical Light
#4666E5 Chemical Original
#003DA5 Chemical Dark
#FFE58A Manufacturer Light
#FFD34E Manufacturer Original
#BFAF00 Manufacturer Dark
#FFB3E6 Site Light
#fd7bff Site Original
#A300B3 Site Dark
#E1B2FF Supplier Light
#A66BFF Supplier Original
#6A00B3 Supplier Dark

Shades of Product Categories

About This Color Palette

Here is a color palette with different shades based on the original colors you provided. Each color has been adjusted to create a lighter and darker variant, providing a total of five examples for each original color.

json
{
  "palette_name": "Shades of Product Categories",
  "colors": [
    {
      "name": "Product Light",
      "hex_code": "
          
          #A3D7D7
       "
    },
    {
      "name": "Product Original",
      "hex_code": "
          
          #1b7d7d
       "
    },
    {
      "name": "Product Dark",
      "hex_code": "
          
          #004b4b
       "
    },
    {
      "name": "Part Light",
      "hex_code": "
          
          #A3E1FF
       "
    },
    {
      "name": "Part Original",
      "hex_code": "
          
          #4EC3FF
       "
    },
    {
      "name": "Part Dark",
      "hex_code": "
          
          #0091B3
       "
    },
    {
      "name": "Component Light",
      "hex_code": "
          
          #A3E0C9
       "
    },
    {
      "name": "Component Original",
      "hex_code": "
          
          #4BC37A
       "
    },
    {
      "name": "Component Dark",
      "hex_code": "
          
          #009F4A
       "
    },
    {
      "name": "Material Light",
      "hex_code": "
          
          #FFB3B3
       "
    },
    {
      "name": "Material Original",
      "hex_code": "
          
          #FF6B6B
       "
    },
    {
      "name": "Material Dark",
      "hex_code": "
          
          #B30000
       "
    },
    {
      "name": "Chemical Light",
      "hex_code": "
          
          #A3C0FF
       "
    },
    {
      "name": "Chemical Original",
      "hex_code": "
          
          #4666E5
       "
    },
    {
      "name": "Chemical Dark",
      "hex_code": "
          
          #003DA5
       "
    },
    {
      "name": "Manufacturer Light",
      "hex_code": "
          
          #FFE58A
       "
    },
    {
      "name": "Manufacturer Original",
      "hex_code": "
          
          #FFD34E
       "
    },
    {
      "name": "Manufacturer Dark",
      "hex_code": "
          
          #BFAF00
       "
    },
    {
      "name": "Site Light",
      "hex_code": "
          
          #FFB3E6
       "
    },
    {
      "name": "Site Original",
      "hex_code": "
          
          #fd7bff
       "
    },
    {
      "name": "Site Dark",
      "hex_code": "
          
          #A300B3
       "
    },
    {
      "name": "Supplier Light",
      "hex_code": "
          
          #E1B2FF
       "
    },
    {
      "name": "Supplier Original",
      "hex_code": "
          
          #A66BFF
       "
    },
    {
      "name": "Supplier Dark",
      "hex_code": "
          
          #6A00B3
       "
    }
  ]
}

This palette includes lighter and darker shades for each category, providing a range of options for visual designs. Would you like to explore another theme or modify this palette further?

Customize Preview Colors

Upgrade to Pro
C
Croma
Dashboard
Analytics
Customers
Settings
John Doe
Admin
Search...

Overview

Welcome back, here's what's happening today.

+12%
$45,231
Total Revenue
+12%
2,345
Active Users
+12%
128
New Orders

Revenue Growth

Brand
Features Pricing About

Build something amazing

Create stunning designs with our AI-powered color palette generator. Perfect for web, mobile, and print.

Fast Performance

Optimized for speed and efficiency.

Secure by Default

Enterprise-grade security built-in.

Easy to Use

Intuitive interface for everyone.

9:41

Good Morning

Here's your daily update

Today

Design Review
10:00 AM
Team Meeting
11:30 AM
Lunch Break
1:00 PM
Project Focus
2:00 PM
Home
Search
Profile
B
BrandName
Sponsored
...
New Collection

Summer
Sale

Get up to 50% off on all items.

1,234 likes
BrandName Don't miss out on our biggest sale of the season! #summersale #fashion

Logo Variations

B
BrandName
B
BrandName

Business Card

B
BrandName

John Doe

Creative Director

john.doe@brandname.com

+1 (555) 123-4567

www.brandname.com

Type Scale

Heading 1

Bold / 48px

Heading 2

Bold / 36px

Heading 3

Bold / 30px

Heading 4

Bold / 24px

Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Regular / 16px

Article Layout

Design Trends

The Future of Color

Color trends are evolving rapidly. We are seeing a shift towards more vibrant, expressive palettes that capture attention and evoke emotion.

"Color is a power which directly influences the soul."

Why it matters

Choosing the right color palette is crucial for brand identity. It communicates values without words and creates an instant connection with the audience.

Abstract

Composition #01

Download Files

PNG Image

Raster image format

Copy Code

variables.css

          

Simulate how your palette appears to users with different types of color vision deficiencies. Approximately 8% of men and 0.5% of women have some form of color blindness.

Original Palette

Protanopia

Red-blind (approx. 1% of men)

Deuteranopia

Green-blind (approx. 1% of men)

Tritanopia

Blue-blind (very rare)

Achromatopsia

Total color blindness (monochromacy)

Shades & Tints

Explore lighter variations (tints) and darker variations (shades) of each color. Click any color to copy its hex code.

Product Light

#A3D7D7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Product Original

#1b7d7d

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Product Dark

#004b4b

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Part Light

#A3E1FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Part Original

#4EC3FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Part Dark

#0091B3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Component Light

#A3E0C9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Component Original

#4BC37A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Component Dark

#009F4A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Material Light

#FFB3B3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Material Original

#FF6B6B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Material Dark

#B30000

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Chemical Light

#A3C0FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Chemical Original

#4666E5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Chemical Dark

#003DA5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Manufacturer Light

#FFE58A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Manufacturer Original

#FFD34E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Manufacturer Dark

#BFAF00

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Site Light

#FFB3E6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Site Original

#fd7bff

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Site Dark

#A300B3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Supplier Light

#E1B2FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Supplier Original

#A66BFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Supplier Dark

#6A00B3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Color Theory Analysis

Unlock advanced color wheel distribution, harmony detection, and HSL color analysis with Pro.

Upgrade to Pro

Color Wheel Distribution

Harmony Analysis

Dominant Temperature

--

Harmony Type

--

Analyzing color relationships...

Color Values (HSL)

Select Background

Select Text Color

Contrast Analysis

Aa

The quick brown fox jumps over the lazy dog.

Contrast Ratio --

Normal Text

WCAG AA --
WCAG AAA --

Large Text

WCAG AA --
WCAG AAA --

Understanding WCAG Scores

Normal Text

  • AA requires 4.5:1 ratio
  • AAA requires 7.0:1 ratio

Large Text (18pt+ or 14pt+ bold)

  • AA requires 3.0:1 ratio
  • AAA requires 4.5:1 ratio

What would you like to do?

Other Similar Palettes

#87CEEB
#4169E1
#000080
#1E90FF
#4682B4
#A0522D
#D19A6A
#8B4513
#E97451
#8B4513
#DB6E00
#F2A900
#B85F00
#E58E00
#C76A00
#e3e8f5
#b0b9e0
#7d8bcf
#4a5fbf
#1a3cae
#353ea1
#2a3091
#1f247f
#161d6e
#0c0f5c
#E2EFDA
#B7D9B0
#1b7d7d
#4EC3FF
#4BC37A
#FF6B6B
#4666E5
#FFD34E
#fd7bff
#A66BFF

Update Your Palette

Current Palette

Product Light
Product Original
Product Dark
Part Light
Part Original
Part Dark
Component Light
Component Original
Component Dark
Material Light
Material Original
Material Dark
Chemical Light
Chemical Original
Chemical Dark
Manufacturer Light
Manufacturer Original
Manufacturer Dark
Site Light
Site Original
Site Dark
Supplier Light
Supplier Original
Supplier Dark

Shades of Product Categories

Try these examples:

New to HueHive? 🎨

Discover AI-powered color tools