Vibrant Spectrum

4 views
Crimson Red #DC143C
Orange #FFA500
Golden Yellow #FFD700
Lime Green #32CD32
Forest Green #228B22
Turquoise #40E0D0
Cerulean Blue #007BA7
Sky Blue #87CEEB
Royal Blue #4169E1
Indigo #4B0082
Violet #EE82EE
Magenta #FF00FF
Pink #FFC0CB
Peach #FFDAB9
Light Coral #F08080
Salmon #FA8072
Tomato #FF6347
Chocolate #D2691E
Saddle Brown #8B4513
Peru #CD853F
Golden Rod #DAA520
Khaki #F0E68C
Light Golden Rod Yellow #FAFAD2
Pale Green #98FB98
Medium Sea Green #3CB371
Dark Olive Green #556B2F
Sea Green #2E8B57
Light Sea Green #20B2AA
Cyan #00FFFF
Light Cyan #E0FFFF
Steel Blue #4682B4
Slate Blue #6A5ACD
Slate Gray #708090
Dark Slate Gray #2F4F4F
Medium Purple #9370DB
Orchid #DA70D6
Thistle #D8BFD8
Lavender #E6E6FA
Misty Rose #FFE4E1
Light Pink #FFB6C1
Hot Pink #FF69B4
Deep Pink #FF1493
Lavender Blush #FFF0F5
Snow #FFFAFA
Honeydew #F0FFF0
Mint Cream #F5FFFA
Alice Blue #F0F8FF
Ghost White #F8F8FF
Floral White #FFFAF0
Linen #FAF0E6
Antique White #FAEBD7
Papaya Whip #FFEFD5
Peach Puff #FFDAB9
Navajo White #FFDEAD
Moccasin #FFE4B5
Bisque #FFE4C4
Blanched Almond #FFEBCD
Cornsilk #FFF8DC
Lemon Chiffon #FFFACD
Light Yellow #FFFFE0
Light Goldenrod #FAFAD2
Pale Goldenrod #EEE8AA
Dark Khaki #BDB76B
#DC143C Crimson Red
#FFA500 Orange
#FFD700 Golden Yellow
#32CD32 Lime Green
#228B22 Forest Green
#40E0D0 Turquoise
#007BA7 Cerulean Blue
#87CEEB Sky Blue
#4169E1 Royal Blue
#4B0082 Indigo
#EE82EE Violet
#FF00FF Magenta
#FFC0CB Pink
#FFDAB9 Peach
#F08080 Light Coral
#FA8072 Salmon
#FF6347 Tomato
#D2691E Chocolate
#8B4513 Saddle Brown
#CD853F Peru
#DAA520 Golden Rod
#F0E68C Khaki
#FAFAD2 Light Golden Rod Yellow
#98FB98 Pale Green
#3CB371 Medium Sea Green
#556B2F Dark Olive Green
#2E8B57 Sea Green
#20B2AA Light Sea Green
#00FFFF Cyan
#E0FFFF Light Cyan
#4682B4 Steel Blue
#6A5ACD Slate Blue
#708090 Slate Gray
#2F4F4F Dark Slate Gray
#9370DB Medium Purple
#DA70D6 Orchid
#D8BFD8 Thistle
#E6E6FA Lavender
#FFE4E1 Misty Rose
#FFB6C1 Light Pink
#FF69B4 Hot Pink
#FF1493 Deep Pink
#FFF0F5 Lavender Blush
#FFFAFA Snow
#F0FFF0 Honeydew
#F5FFFA Mint Cream
#F0F8FF Alice Blue
#F8F8FF Ghost White
#FFFAF0 Floral White
#FAF0E6 Linen
#FAEBD7 Antique White
#FFEFD5 Papaya Whip
#FFDAB9 Peach Puff
#FFDEAD Navajo White
#FFE4B5 Moccasin
#FFE4C4 Bisque
#FFEBCD Blanched Almond
#FFF8DC Cornsilk
#FFFACD Lemon Chiffon
#FFFFE0 Light Yellow
#FAFAD2 Light Goldenrod
#EEE8AA Pale Goldenrod
#BDB76B Dark Khaki

About This Color Palette

Here’s a vibrant color palette containing 70 colors to inspire your creativity.

json
{
  "palette_name": "Vibrant Spectrum",
  "colors": [
    {"name": "Crimson Red", "hex_code": "
          
          #DC143C
       "},
    {"name": "Orange", "hex_code": "
          
          #FFA500
       "},
    {"name": "Golden Yellow", "hex_code": "
          
          #FFD700
       "},
    {"name": "Lime Green", "hex_code": "
          
          #32CD32
       "},
    {"name": "Forest Green", "hex_code": "
          
          #228B22
       "},
    {"name": "Turquoise", "hex_code": "
          
          #40E0D0
       "},
    {"name": "Cerulean Blue", "hex_code": "
          
          #007BA7
       "},
    {"name": "Sky Blue", "hex_code": "
          
          #87CEEB
       "},
    {"name": "Royal Blue", "hex_code": "
          
          #4169E1
       "},
    {"name": "Indigo", "hex_code": "
          
          #4B0082
       "},
    {"name": "Violet", "hex_code": "
          
          #EE82EE
       "},
    {"name": "Magenta", "hex_code": "
          
          #FF00FF
       "},
    {"name": "Pink", "hex_code": "
          
          #FFC0CB
       "},
    {"name": "Peach", "hex_code": "
          
          #FFDAB9
       "},
    {"name": "Light Coral", "hex_code": "
          
          #F08080
       "},
    {"name": "Salmon", "hex_code": "
          
          #FA8072
       "},
    {"name": "Tomato", "hex_code": "
          
          #FF6347
       "},
    {"name": "Chocolate", "hex_code": "
          
          #D2691E
       "},
    {"name": "Saddle Brown", "hex_code": "
          
          #8B4513
       "},
    {"name": "Peru", "hex_code": "
          
          #CD853F
       "},
    {"name": "Golden Rod", "hex_code": "
          
          #DAA520
       "},
    {"name": "Khaki", "hex_code": "
          
          #F0E68C
       "},
    {"name": "Light Golden Rod Yellow", "hex_code": "
          
          #FAFAD2
       "},
    {"name": "Pale Green", "hex_code": "
          
          #98FB98
       "},
    {"name": "Medium Sea Green", "hex_code": "
          
          #3CB371
       "},
    {"name": "Dark Olive Green", "hex_code": "
          
          #556B2F
       "},
    {"name": "Sea Green", "hex_code": "
          
          #2E8B57
       "},
    {"name": "Light Sea Green", "hex_code": "
          
          #20B2AA
       "},
    {"name": "Cyan", "hex_code": "
          
          #00FFFF
       "},
    {"name": "Light Cyan", "hex_code": "
          
          #E0FFFF
       "},
    {"name": "Steel Blue", "hex_code": "
          
          #4682B4
       "},
    {"name": "Slate Blue", "hex_code": "
          
          #6A5ACD
       "},
    {"name": "Slate Gray", "hex_code": "
          
          #708090
       "},
    {"name": "Dark Slate Gray", "hex_code": "
          
          #2F4F4F
       "},
    {"name": "Medium Purple", "hex_code": "
          
          #9370DB
       "},
    {"name": "Orchid", "hex_code": "
          
          #DA70D6
       "},
    {"name": "Thistle", "hex_code": "
          
          #D8BFD8
       "},
    {"name": "Lavender", "hex_code": "
          
          #E6E6FA
       "},
    {"name": "Misty Rose", "hex_code": "
          
          #FFE4E1
       "},
    {"name": "Light Pink", "hex_code": "
          
          #FFB6C1
       "},
    {"name": "Hot Pink", "hex_code": "
          
          #FF69B4
       "},
    {"name": "Deep Pink", "hex_code": "
          
          #FF1493
       "},
    {"name": "Lavender Blush", "hex_code": "
          
          #FFF0F5
       "},
    {"name": "Snow", "hex_code": "
          
          #FFFAFA
       "},
    {"name": "Honeydew", "hex_code": "
          
          #F0FFF0
       "},
    {"name": "Mint Cream", "hex_code": "
          
          #F5FFFA
       "},
    {"name": "Alice Blue", "hex_code": "
          
          #F0F8FF
       "},
    {"name": "Ghost White", "hex_code": "
          
          #F8F8FF
       "},
    {"name": "Floral White", "hex_code": "
          
          #FFFAF0
       "},
    {"name": "Linen", "hex_code": "
          
          #FAF0E6
       "},
    {"name": "Antique White", "hex_code": "
          
          #FAEBD7
       "},
    {"name": "Papaya Whip", "hex_code": "
          
          #FFEFD5
       "},
    {"name": "Peach Puff", "hex_code": "
          
          #FFDAB9
       "},
    {"name": "Navajo White", "hex_code": "
          
          #FFDEAD
       "},
    {"name": "Moccasin", "hex_code": "
          
          #FFE4B5
       "},
    {"name": "Bisque", "hex_code": "
          
          #FFE4C4
       "},
    {"name": "Blanched Almond", "hex_code": "
          
          #FFEBCD
       "},
    {"name": "Cornsilk", "hex_code": "
          
          #FFF8DC
       "},
    {"name": "Lemon Chiffon", "hex_code": "
          
          #FFFACD
       "},
    {"name": "Light Yellow", "hex_code": "
          
          #FFFFE0
       "},
    {"name": "Light Goldenrod", "hex_code": "
          
          #FAFAD2
       "},
    {"name": "Pale Goldenrod", "hex_code": "
          
          #EEE8AA
       "},
    {"name": "Dark Khaki", "hex_code": "
          
          #BDB76B
       "}
  ]
}

This palette, “Vibrant Spectrum,” features a wide range of colors that can be used for various artistic and design projects. The colors span warm and cool tones, providing a rich selection for any creative endeavor.

What type of project are you planning to use this palette for?

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

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.

Crimson Red

#DC143C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Orange

#FFA500

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Golden Yellow

#FFD700

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Lime Green

#32CD32

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)

Turquoise

#40E0D0

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)

Sky Blue

#87CEEB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Royal Blue

#4169E1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Indigo

#4B0082

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Violet

#EE82EE

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Magenta

#FF00FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pink

#FFC0CB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Peach

#FFDAB9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Coral

#F08080

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Salmon

#FA8072

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Tomato

#FF6347

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Chocolate

#D2691E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Saddle Brown

#8B4513

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Peru

#CD853F

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Golden Rod

#DAA520

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Khaki

#F0E68C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Golden Rod Yellow

#FAFAD2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pale Green

#98FB98

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Medium Sea Green

#3CB371

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Olive Green

#556B2F

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sea Green

#2E8B57

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Sea Green

#20B2AA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cyan

#00FFFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Cyan

#E0FFFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Steel Blue

#4682B4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Slate Blue

#6A5ACD

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Slate Gray

#708090

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Slate Gray

#2F4F4F

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Medium Purple

#9370DB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Orchid

#DA70D6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Thistle

#D8BFD8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Lavender

#E6E6FA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Misty Rose

#FFE4E1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Pink

#FFB6C1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Hot Pink

#FF69B4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Deep Pink

#FF1493

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Lavender Blush

#FFF0F5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Snow

#FFFAFA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Honeydew

#F0FFF0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Mint Cream

#F5FFFA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Alice Blue

#F0F8FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Ghost White

#F8F8FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Floral White

#FFFAF0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Linen

#FAF0E6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Antique White

#FAEBD7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Papaya Whip

#FFEFD5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Peach Puff

#FFDAB9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Navajo White

#FFDEAD

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Moccasin

#FFE4B5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Bisque

#FFE4C4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Blanched Almond

#FFEBCD

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cornsilk

#FFF8DC

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Lemon Chiffon

#FFFACD

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Yellow

#FFFFE0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Goldenrod

#FAFAD2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pale Goldenrod

#EEE8AA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Khaki

#BDB76B

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)

Background Color

#

Colors

Text Color

#

Colors

Preview & 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 --
AI

AI Contrast Fix Suggestions

Suggests background & text tweaks to reach WCAG targets.

Log in to unlock 3 free AI tries

Ready to suggest tweaks for AA/AAA.

Suggested pairs

Shortest hop that clears WCAG AA/AAA.

Current: --
Run “Suggest Fixes” to see AI options.

Understanding Contrast Ratios

4.5:1 (Level AA)

The minimum required contrast ratio for normal text to be considered accessible under WCAG 2.1 Level AA. For large text, the requirement is lower at 3.0:1. This is the standard target for most web content.

7.0:1 (Level AAA)

The "gold standard" for accessibility. Achieving a 7.0:1 ratio ensures that your text is readable even for people with significant vision loss. For large text, the AAA requirement is 4.5:1.

What counts as Large Text?

WCAG defines large text as anything 18pt (approx. 24px) or larger, or 14pt (approx. 18.66px) and bold or larger. Most headings fall into this category.

Why it matters

Proper contrast is essential for everyone, but especially for people with color blindness, low vision, or those viewing screens in bright sunlight.

Other Similar Palettes

#00BFFF
#FF69B4
#8A2BE2
#FF4500
#FF6F61
#32CD32
#39FF14
#FFFF33
#A020F0
#FF0000
#FF4500
#FFA500
#FFCC33
#FFD700
#D4ED00
#8EE53F
#1E824C
#30D5C8
#046D8B
#0099FF
#4B0082
#8F00FF
#C71585
#D8A1C4
#000000
#FFFAFA
#8B4513
#FF0000
#E03C31
#FFA500
#F9A800
#FFFF00
#7FFF00
#008000
#7FFFD4
#0000FF
#EE82EE
#800080
#FF00FF
#DC143C
#FFD700
#00BFFF
#32CD32
#8A2BE2
#FF6F20
#FF7F30
#FF8C45
#FF9A56
#FFB84D
#FFCC80
#FFDAB9
#FFE5B4
#FFF2E6
#DC143C
#FFD700
#1E90FF
#32CD32
#8A2BE2

Update Your Palette

Current Palette

Crimson Red
Orange
Golden Yellow
Lime Green
Forest Green
Turquoise
Cerulean Blue
Sky Blue
Royal Blue
Indigo
Violet
Magenta
Pink
Peach
Light Coral
Salmon
Tomato
Chocolate
Saddle Brown
Peru
Golden Rod
Khaki
Light Golden Rod Yellow
Pale Green
Medium Sea Green
Dark Olive Green
Sea Green
Light Sea Green
Cyan
Light Cyan
Steel Blue
Slate Blue
Slate Gray
Dark Slate Gray
Medium Purple
Orchid
Thistle
Lavender
Misty Rose
Light Pink
Hot Pink
Deep Pink
Lavender Blush
Snow
Honeydew
Mint Cream
Alice Blue
Ghost White
Floral White
Linen
Antique White
Papaya Whip
Peach Puff
Navajo White
Moccasin
Bisque
Blanched Almond
Cornsilk
Lemon Chiffon
Light Yellow
Light Goldenrod
Pale Goldenrod
Dark Khaki

Vibrant Spectrum

Try these examples:

New to HueHive? 🎨

Discover AI-powered color tools