Huehive Logo

HueHive

#Fff9 F5 #D88 C51 #774023 #3 F3 F3 F #000000 #Ffffff #E0 F9 E0 #8 Ff98 F #66 F966 #3 Df93 D #Fff9 E0 #B7 B7 B7 #8 Fa8 A8 #6 E8 Ca0 #4 F5 F7 B

69 views
Alabaster #FFF9F5
Copper #D88C51
Mocha #774023
Charcoal #3F3F3F
Black #000000
White #FFFFFF
Mint #E0F9E0
Lime #8FF98F
Chartreuse #66F966
Fern #3DF93D
Champagne #FFF9E0
Ash #B7B7B7
Steel Blue #8FA8A8
Denim #6E8CA0
Navy #4F5F7B
#FFF9F5 Alabaster
#D88C51 Copper
#774023 Mocha
#3F3F3F Charcoal
#000000 Black
#FFFFFF White
#E0F9E0 Mint
#8FF98F Lime
#66F966 Chartreuse
#3DF93D Fern
#FFF9E0 Champagne
#B7B7B7 Ash
#8FA8A8 Steel Blue
#6E8CA0 Denim
#4F5F7B Navy

#FFF9F5 #D88C51 #774023 #3F3F3F #000000 #FFFFFF #E0F9E0 #8FF98F #66F966 #3DF93D #FFF9E0 #B7B7B7 #8FA8A8 #6E8CA0 #4F5F7B

About This Color Palette

Color Palette:

1. Color Name: Alabaster
   Hex Code: 
                            
                            #FFF9F5
                        
   Description: A soft and warm off-white color reminiscent of fresh snow.

2. Color Name: Copper
   Hex Code: 
                            
                            #D88C51
                        
   Description: A rich and earthy orange-brown color resembling the metal copper.

3. Color Name: Mocha
   Hex Code: 
                            
                            #774023
                        
   Description: A deep and warm brown color with hints of red, resembling a cup of mocha coffee.

4. Color Name: Charcoal
   Hex Code: 
                            
                            #3F3F3F
                        
   Description: A dark and neutral gray color resembling the ash from burnt charcoal.

5. Color Name: Black
   Hex Code: 
                            
                            #000000
                        
   Description: The absence of color, representing darkness and mystery.

6. Color Name: White
   Hex Code: 
                            
                            #FFFFFF
                        
   Description: The presence of all colors, symbolizing purity and innocence.

7. Color Name: Mint
   Hex Code: 
                            
                            #E0F9E0
                        
   Description: A refreshing and light green color resembling fresh mint leaves.

8. Color Name: Lime
   Hex Code: 
                            
                            #8FF98F
                        
   Description: A vibrant and zesty green color resembling the color of ripe limes.

9. Color Name: Chartreuse
   Hex Code: 
                            
                            #66F966
                        
   Description: A bright and energetic yellow-green color resembling the color of chartreuse liqueur.

10. Color Name: Fern
    Hex Code: 
                            
                            #3DF93D
                        
    Description: A lush and vibrant green color resembling the color of fern leaves.

11. Color Name: Champagne
    Hex Code: 
                            
                            #FFF9E0
                        
    Description: A pale and warm yellow color resembling the color of champagne.

12. Color Name: Ash
    Hex Code: 
                            
                            #B7B7B7
                        
    Description: A light and cool gray color resembling the ash from burnt wood.

13. Color Name: Steel Blue
    Hex Code: 
                            
                            #8FA8A8
                        
    Description: A cool and muted blue-gray color resembling the color of steel.

14. Color Name: Denim
    Hex Code: 
                            
                            #6E8CA0
                        
    Description: A medium and muted blue color resembling the color of denim fabric.

15. Color Name: Navy
    Hex Code: 
                            
                            #4F5F7B
                        
    Description: A dark and rich blue color resembling the color of navy uniforms.
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.

Alabaster

#FFF9F5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Copper

#D88C51

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Mocha

#774023

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Charcoal

#3F3F3F

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Black

#000000

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

White

#FFFFFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Mint

#E0F9E0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Lime

#8FF98F

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Chartreuse

#66F966

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Fern

#3DF93D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Champagne

#FFF9E0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Ash

#B7B7B7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Steel Blue

#8FA8A8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Denim

#6E8CA0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Navy

#4F5F7B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

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

#0a3161
#774023
#d88c51
#f3e7c9
#fff9f5
#1d0e0b
#a9143c
#f93d3d
#f96666
#f98f8f
#e0f9f9
#b7f9f9
#8ff9f9
#66f9f9
#3df9f9
#000000
#F9F871
#D88C51
#A9143C
#774023
#0A3161
#CC5500
#000000
#FFFFFF
#333333
#B87333
#FFFFF0
#000000
#FFFFFF
#D9BC92
#4A5E3D
#7E5B9D
#000000
#FFFFFF
#D9BC92
#1B5E20
#7E5B9D
#6E6E6E
#FF9500
#2D3A45
#F2F2F2
#000000
#FF6F61
#8B9CA2

Update Your Palette

Current Palette

Alabaster
Copper
Mocha
Charcoal
Black
White
Mint
Lime
Chartreuse
Fern
Champagne
Ash
Steel Blue
Denim
Navy

#FFF9F5 #D88C51 #774023 #3F3F3F #000000 #FFFFFF #E0F9E0 #8FF98F #66F966 #3DF93D #FFF9E0 #B7B7B7 #8FA8A8 #6E8CA0 #4F5F7B

Try these examples: