Extended Rainbow Spectrum
About This Color Palette
Here is a color palette inspired by the rainbow spectrum with lighter gradients for each of the 39 colors:
json
{
"palette_name": "Extended Rainbow Spectrum",
"colors": [
{"name": "Red", "hex_code": "
#FF0000
"},
{"name": "Light Red", "hex_code": "
#FF4D4D
"},
{"name": "Lighter Red", "hex_code": "
#FF9999
"},
{"name": "Lightest Red", "hex_code": "
#FFCCCC
"},
{"name": "Dark Red", "hex_code": "
#B30000
"},
{"name": "Darker Red", "hex_code": "
#800000
"},
{"name": "Orange", "hex_code": "
#FF7F00
"},
{"name": "Light Orange", "hex_code": "
#FFB84D
"},
{"name": "Lighter Orange", "hex_code": "
#FFE6A3
"},
{"name": "Lightest Orange", "hex_code": "
#FFF2CC
"},
{"name": "Dark Orange", "hex_code": "
#B36D00
"},
{"name": "Darker Orange", "hex_code": "
#805400
"},
{"name": "Yellow", "hex_code": "
#FFFF00
"},
{"name": "Light Yellow", "hex_code": "
#FFFF4D
"},
{"name": "Lighter Yellow", "hex_code": "
#FFFF99
"},
{"name": "Lightest Yellow", "hex_code": "
#FFFFCC
"},
{"name": "Dark Yellow", "hex_code": "
#B3B300
"},
{"name": "Darker Yellow", "hex_code": "
#808000
"},
{"name": "Green", "hex_code": "
#00FF00
"},
{"name": "Light Green", "hex_code": "
#4DFF4D
"},
{"name": "Lighter Green", "hex_code": "
#99FF99
"},
{"name": "Lightest Green", "hex_code": "
#CCFFCC
"},
{"name": "Dark Green", "hex_code": "
#00B300
"},
{"name": "Darker Green", "hex_code": "
#008000
"},
{"name": "Cyan", "hex_code": "
#00FFFF
"},
{"name": "Light Cyan", "hex_code": "
#4DFFFF
"},
{"name": "Lighter Cyan", "hex_code": "
#99FFFF
"},
{"name": "Lightest Cyan", "hex_code": "
#CCFFFF
"},
{"name": "Dark Cyan", "hex_code": "
#00B2B2
"},
{"name": "Darker Cyan", "hex_code": "
#008B8B
"},
{"name": "Blue", "hex_code": "
#0000FF
"},
{"name": "Light Blue", "hex_code": "
#4D4DFF
"},
{"name": "Lighter Blue", "hex_code": "
#9999FF
"},
{"name": "Lightest Blue", "hex_code": "
#CCCCFF
"},
{"name": "Dark Blue", "hex_code": "
#0000B2
"},
{"name": "Darker Blue", "hex_code": "
#000080
"},
{"name": "Indigo", "hex_code": "
#4B0082
"},
{"name": "Light Indigo", "hex_code": "
#7F3FB2
"},
{"name": "Lighter Indigo", "hex_code": "
#B2A1D5
"},
{"name": "Lightest Indigo", "hex_code": "
#D5C6E8
"},
{"name": "Dark Indigo", "hex_code": "
#3B005D
"},
{"name": "Darker Indigo", "hex_code": "
#2E0047
"},
{"name": "Violet", "hex_code": "
#9400D3
"},
{"name": "Light Violet", "hex_code": "
#A66EBF
"},
{"name": "Lighter Violet", "hex_code": "
#C6A1D5
"},
{"name": "Lightest Violet", "hex_code": "
#E8D5E8
"},
{"name": "Dark Violet", "hex_code": "
#7A0092
"},
{"name": "Darker Violet", "hex_code": "
#5C0071
"}
]
}
This palette includes 39 distinct shades of the rainbow spectrum, complemented by 7 lighter gradients for each color. The gradients create a soft transition from each base color to lighter shades, offering versatility for design applications.
Would you like any additional details or a specific use case for this palette?
Overview
Welcome back, here's what's happening today.
Revenue Growth
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.
Good Morning
Here's your daily update
Today
Logo Variations
Business Card
John Doe
Creative Director
john.doe@brandname.com
+1 (555) 123-4567
www.brandname.com
Type Scale
Heading 1
Bold / 48pxHeading 2
Bold / 36pxHeading 3
Bold / 30pxHeading 4
Bold / 24pxBody text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Regular / 16pxArticle Layout
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
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.
Red
#FF0000
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Red
#FF4D4D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lighter Red
#FF9999
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lightest Red
#FFCCCC
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Red
#B30000
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Darker Red
#800000
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Orange
#FF7F00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Orange
#FFB84D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lighter Orange
#FFE6A3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lightest Orange
#FFF2CC
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Orange
#B36D00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Darker Orange
#805400
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Yellow
#FFFF00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Yellow
#FFFF4D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lighter Yellow
#FFFF99
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lightest Yellow
#FFFFCC
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Yellow
#B3B300
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Darker Yellow
#808000
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Green
#00FF00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Green
#4DFF4D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lighter Green
#99FF99
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lightest Green
#CCFFCC
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Green
#00B300
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Darker Green
#008000
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
#4DFFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lighter Cyan
#99FFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lightest Cyan
#CCFFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Cyan
#00B2B2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Darker Cyan
#008B8B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Blue
#0000FF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Blue
#4D4DFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lighter Blue
#9999FF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lightest Blue
#CCCCFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Blue
#0000B2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Darker Blue
#000080
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Indigo
#4B0082
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Indigo
#7F3FB2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lighter Indigo
#B2A1D5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lightest Indigo
#D5C6E8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Indigo
#3B005D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Darker Indigo
#2E0047
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Violet
#9400D3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Violet
#A66EBF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lighter Violet
#C6A1D5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lightest Violet
#E8D5E8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Violet
#7A0092
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Darker Violet
#5C0071
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.
Normal Text
Large Text
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