Huehive Logo

HueHive

Vibrant Distinction With Varied Blues

72 views
Slate Blue #6A7B9D
Olive Green #4B5D33
Rusty Orange #C14A32
Muted Teal #3B8C8C
Dusty Mauve #A78B9E
Warm Gray #A49A8D
Charcoal #4B4B4D
Goldenrod #DAA520
Soft Coral #FF6F61
Pale Sage #B2BFA2
Sky Blue #87CEEB
Blush Pink #F2C6D4
Forest Green #228B22
Lavender Gray #C4C3D0
Copper #B87333
Navy Blue #001F3F
Teal Blue #008B8B
Cerulean Blue #007BA7
Cobalt Blue #0047AB
Powder Blue #B0E0E6
#6A7B9D Slate Blue
#4B5D33 Olive Green
#C14A32 Rusty Orange
#3B8C8C Muted Teal
#A78B9E Dusty Mauve
#A49A8D Warm Gray
#4B4B4D Charcoal
#DAA520 Goldenrod
#FF6F61 Soft Coral
#B2BFA2 Pale Sage
#87CEEB Sky Blue
#F2C6D4 Blush Pink
#228B22 Forest Green
#C4C3D0 Lavender Gray
#B87333 Copper
#001F3F Navy Blue
#008B8B Teal Blue
#007BA7 Cerulean Blue
#0047AB Cobalt Blue
#B0E0E6 Powder Blue

Vibrant Distinction with Varied Blues

About This Color Palette

Here’s an updated version of the “Vibrant Distinction with Darker Blue” palette, incorporating a variety of other blue shades to enhance the color scheme:

json
{
  "palette_name": "Vibrant Distinction with Varied Blues",
  "colors": [
    {
      "name": "Slate Blue",
      "hex_code": "
                            
                            #6A7B9D
                        "
    },
    {
      "name": "Olive Green",
      "hex_code": "
                            
                            #4B5D33
                        "
    },
    {
      "name": "Rusty Orange",
      "hex_code": "
                            
                            #C14A32
                        "
    },
    {
      "name": "Muted Teal",
      "hex_code": "
                            
                            #3B8C8C
                        "
    },
    {
      "name": "Dusty Mauve",
      "hex_code": "
                            
                            #A78B9E
                        "
    },
    {
      "name": "Warm Gray",
      "hex_code": "
                            
                            #A49A8D
                        "
    },
    {
      "name": "Charcoal",
      "hex_code": "
                            
                            #4B4B4D
                        "
    },
    {
      "name": "Goldenrod",
      "hex_code": "
                            
                            #DAA520
                        "
    },
    {
      "name": "Soft Coral",
      "hex_code": "
                            
                            #FF6F61
                        "
    },
    {
      "name": "Pale Sage",
      "hex_code": "
                            
                            #B2BFA2
                        "
    },
    {
      "name": "Sky Blue",
      "hex_code": "
                            
                            #87CEEB
                        "
    },
    {
      "name": "Blush Pink",
      "hex_code": "
                            
                            #F2C6D4
                        "
    },
    {
      "name": "Forest Green",
      "hex_code": "
                            
                            #228B22
                        "
    },
    {
      "name": "Lavender Gray",
      "hex_code": "
                            
                            #C4C3D0
                        "
    },
    {
      "name": "Copper",
      "hex_code": "
                            
                            #B87333
                        "
    },
    {
      "name": "Navy Blue",
      "hex_code": "
                            
                            #001F3F
                        "
    },
    {
      "name": "Teal Blue",
      "hex_code": "
                            
                            #008B8B
                        "
    },
    {
      "name": "Cerulean Blue",
      "hex_code": "
                            
                            #007BA7
                        "
    },
    {
      "name": "Cobalt Blue",
      "hex_code": "
                            
                            #0047AB
                        "
    },
    {
      "name": "Powder Blue",
      "hex_code": "
                            
                            #B0E0E6
                        "
    }
  ]
}

This version includes Teal Blue, Cerulean Blue, Cobalt Blue, and Powder Blue, adding a range of blue shades to the palette for more versatility and depth.

Would you like to explore any specific combinations or applications for these colors, or do you have any other requests?

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.

Slate Blue

#6A7B9D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Olive Green

#4B5D33

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Rusty Orange

#C14A32

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Teal

#3B8C8C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dusty Mauve

#A78B9E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Warm Gray

#A49A8D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Charcoal

#4B4B4D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Goldenrod

#DAA520

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Soft Coral

#FF6F61

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pale Sage

#B2BFA2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sky Blue

#87CEEB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Blush Pink

#F2C6D4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Forest Green

#228B22

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Lavender Gray

#C4C3D0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Copper

#B87333

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Navy Blue

#001F3F

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Teal Blue

#008B8B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cerulean Blue

#007BA7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cobalt Blue

#0047AB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Powder Blue

#B0E0E6

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

#6A0DAD
#FFD700
#87CEEB
#FF1493
#32CD32
#4B0082
#FFD700
#007BA7
#FF1493
#C62828
#E65100
#2E7D32
#0056B3
#4A148C
#BF9B30
#00FFCC
#FFD300
#FF9F00
#FF4C9E
#00BFFF
#B2FF99
#6A7B9D
#4B5D33
#C14A32
#3B8C8C
#A78B9E
#A49A8D
#4B4B4D
#DAA520
#FF6F61
#B2BFA2
#87CEEB
#F2C6D4
#228B22
#C4C3D0
#B87333
#6A7B9D
#4B5D33
#C14A32
#3B8C8C
#A78B9E
#A49A8D
#4B4B4D
#DAA520
#FF6F61
#B2BFA2
#87CEEB
#F2C6D4
#228B22
#C4C3D0
#B87333
#001F3F

Update Your Palette

Current Palette

Slate Blue
Olive Green
Rusty Orange
Muted Teal
Dusty Mauve
Warm Gray
Charcoal
Goldenrod
Soft Coral
Pale Sage
Sky Blue
Blush Pink
Forest Green
Lavender Gray
Copper
Navy Blue
Teal Blue
Cerulean Blue
Cobalt Blue
Powder Blue

Vibrant Distinction with Varied Blues

Try these examples: