Vibrant Yellows
About This Color Palette
Here is a color palette inspired by various shades of yellow:
json
{
"palette_name": "Vibrant Yellows",
"colors": [
{
"name": "Canary Yellow",
"hex_code": "
#F6EB61
"
},
{
"name": "Sunshine Yellow",
"hex_code": "
#F9E20B
"
},
{
"name": "Golden Yellow",
"hex_code": "
#FFC300
"
},
{
"name": "Lemon Yellow",
"hex_code": "
#FFF700
"
},
{
"name": "Mellow Yellow",
"hex_code": "
#F6A600
"
},
{
"name": "Buttercup Yellow",
"hex_code": "
#F6B93D
"
},
{
"name": "Daffodil Yellow",
"hex_code": "
#FFDA44
"
},
{
"name": "Melon Yellow",
"hex_code": "
#F5D36D
"
},
{
"name": "Bumblebee Yellow",
"hex_code": "
#FFC700
"
},
{
"name": "Corn Yellow",
"hex_code": "
#F8E51C
"
},
{
"name": "Saffron Yellow",
"hex_code": "
#F7A900
"
},
{
"name": "Dandelion Yellow",
"hex_code": "
#F6E07F
"
},
{
"name": "Pastel Yellow",
"hex_code": "
#F2E68E
"
},
{
"name": "Bright Yellow",
"hex_code": "
#FFEA00
"
},
{
"name": "Pale Yellow",
"hex_code": "
#FFFFE0
"
},
{
"name": "Amber Yellow",
"hex_code": "
#FFC107
"
},
{
"name": "Honey Yellow",
"hex_code": "
#FFC300
"
},
{
"name": "Chartreuse Yellow",
"hex_code": "
#D2EA00
"
},
{
"name": "Citrine Yellow",
"hex_code": "
#E4D800
"
},
{
"name": "Gamboge Yellow",
"hex_code": "
#F6A600
"
},
{
"name": "School Bus Yellow",
"hex_code": "
#FFD700
"
},
{
"name": "Flax Yellow",
"hex_code": "
#EDEB55
"
},
{
"name": "Cream Yellow",
"hex_code": "
#FFFDD0
"
},
{
"name": "Pineapple Yellow",
"hex_code": "
#F9C74F
"
},
{
"name": "Lemon Chiffon",
"hex_code": "
#FFFACD
"
},
{
"name": "Goldenrod",
"hex_code": "
#DAA520
"
},
{
"name": "Light Yellow",
"hex_code": "
#FFFFE0
"
},
{
"name": "Flame Yellow",
"hex_code": "
#F6AA1D
"
},
{
"name": "Sunflower Yellow",
"hex_code": "
#FFC512
"
},
{
"name": "Light Golden Yellow",
"hex_code": "
#FAFAD2
"
},
{
"name": "Lemon Yellow",
"hex_code": "
#FFF700
"
},
{
"name": "Brilliant Yellow",
"hex_code": "
#FFEA00
"
},
{
"name": "Dijon Yellow",
"hex_code": "
#C6A600
"
},
{
"name": "Banana Yellow",
"hex_code": "
#F3E20B
"
},
{
"name": "Saffron",
"hex_code": "
#F4B400
"
},
{
"name": "Jasmine Yellow",
"hex_code": "
#F9E59E
"
},
{
"name": "Wheat Yellow",
"hex_code": "
#F5DEB3
"
},
{
"name": "Cornsilk",
"hex_code": "
#FFF8DC
"
},
{
"name": "Lemonade Yellow",
"hex_code": "
#F5E0A7
"
},
{
"name": "Almond Yellow",
"hex_code": "
#F6D19A
"
},
{
"name": "Daisy Yellow",
"hex_code": "
#F1E06D
"
},
{
"name": "Pineapple",
"hex_code": "
#F6EB61
"
},
{
"name": "Gold",
"hex_code": "
#FFD700
"
},
{
"name": "Apricot Yellow",
"hex_code": "
#FBCEB1
"
},
{
"name": "Lemon Twist",
"hex_code": "
#ECD47A
"
},
{
"name": "Curry Yellow",
"hex_code": "
#B88B00
"
},
{
"name": "Amber",
"hex_code": "
#FFBF00
"
},
{
"name": "Mimosa Yellow",
"hex_code": "
#F8E1B0
"
},
{
"name": "Custard Yellow",
"hex_code": "
#F9E76C
"
},
{
"name": "Pollen Yellow",
"hex_code": "
#F6D43C
"
},
{
"name": "Vanilla Yellow",
"hex_code": "
#F3E5AB
"
},
{
"name": "Cantaloupe Yellow",
"hex_code": "
#F9C69B
"
},
{
"name": "Ginger Yellow",
"hex_code": "
#D8A300
"
},
{
"name": "Yolk Yellow",
"hex_code": "
#FFCC00
"
},
{
"name": "Bamboo Yellow",
"hex_code": "
#D6C041
"
},
{
"name": "Hazelnut Yellow",
"hex_code": "
#C2A400
"
},
{
"name": "Sundrop Yellow",
"hex_code": "
#FFC85B
"
},
{
"name": "Tangerine Yellow",
"hex_code": "
#FFB84D
"
},
{
"name": "Sunset Yellow",
"hex_code": "
#F6E0B0
"
},
{
"name": "Lemonade",
"hex_code": "
#F9E7B9
"
},
{
"name": "Honeydew Yellow",
"hex_code": "
#E7E7A9
"
},
{
"name": "Golden Yellow",
"hex_code": "
#F3C600
"
},
{
"name": "Mellow Gold",
"hex_code": "
#E0C000
"
},
{
"name": "Frothy Yellow",
"hex_code": "
#F4E7A0
"
},
{
"name": "Chartreuse",
"hex_code": "
#D0E80D
"
},
{
"name": "Lemon Zest",
"hex_code": "
#F3E51C
"
},
{
"name": "Squash Yellow",
"hex_code": "
#E2C500
"
},
{
"name": "Curry",
"hex_code": "
#C7A500
"
},
{
"name": "Golden Honey",
"hex_code": "
#FFC10A
"
},
{
"name": "Butterscotch Yellow",
"hex_code": "
#E4A400
"
},
{
"name": "Custard",
"hex_code": "
#F7E8D4
"
},
{
"name": "Pineapple Gold",
"hex_code": "
#F6A600
"
},
{
"name": "Frosted Lemon",
"hex_code": "
#F2E4A3
"
},
{
"name": "Swedish Yellow",
"hex_code": "
#F6D302
"
},
{
"name": "Mellow Peach",
"hex_code": "
#F2C94C
"
},
{
"name": "Amber Gold",
"hex_code": "
#DAA520
"
},
{
"name": "Yellow Gold",
"hex_code": "
#FFD700
"
},
{
"name": "Spring Yellow",
"hex_code": "
#E6E0A4
"
},
{
"name": "Pollen",
"hex_code": "
#FFE73D
"
},
{
"name": "Bright Lemon",
"hex_code": "
#F7EA00
"
},
{
"name": "Lemon Meringue",
"hex_code": "
#F6E2A7
"
},
{
"name": "Sunshine",
"hex_code": "
#F6E158
"
},
{
"name": "Old Gold",
"hex_code": "
#C2A900
"
},
{
"name": "Goldenrod Yellow",
"hex_code": "
#DAA520
"
},
{
"name": "Solar Yellow",
"hex_code": "
#F7D02C
"
},
{
"name": "Yellow Green",
"hex_code": "
#A8D700
"
},
{
"name": "Electric Yellow",
"hex_code": "
#FFD800
"
},
{
"name": "Daffodil",
"hex_code": "
#F6EB61
"
},
{
"name": "Pale Gold",
"hex_code": "
#E4D100
"
},
{
"name": "Faded Yellow",
"hex_code": "
#EAD37E
"
},
{
"name": "Light Sunflower",
"hex_code": "
#F9E07F
"
},
{
"name": "Butter Yellow",
"hex_code": "
#FFD4A3
"
},
{
"name": "Golden Butter",
"hex_code": "
#F7B600
"
},
{
"name": "Lemonade",
"hex_code": "
#F6E0B0
"
},
{
"name": "Pineapple Cream",
"hex_code": "
#F5E1A5
"
},
{
"name": "Sunset Gold",
"hex_code": "
#E6B22B
"
},
{
"name": "Saffron Yellow",
"hex_code": "
#F6A600
"
},
{
"name": "Lemonade",
"hex_code": "
#F4E1A4
"
},
{
"name": "Golden Wheat",
"hex_code": "
#E8C300
"
},
{
"name": "Yellow Butter",
"hex_code": "
#E3C300
"
},
{
"name": "Sunshine Gold",
"hex_code": "
#F6D255
"
},
{
"name": "Vanilla",
"hex_code": "
#F3ECA3
"
},
{
"name": "Soft Yellow",
"hex_code": "
#F7E3B3
"
},
{
"name": "Yellow Pearl",
"hex_code": "
#E8D300
"
},
{
"name": "Sandy Yellow",
"hex_code": "
#F2E2B5
"
},
{
"name": "Golden Honey",
"hex_code": "
#D6AA00
"
},
{
"name": "Citrus Yellow",
"hex_code": "
#F8E700
"
},
{
"name": "Honey Bee Yellow",
"hex_code": "
#FFC700
"
},
{
"name": "Sunshine Pebble",
"hex_code": "
#DAA520
"
},
{
"name": "Lemon Pie",
"hex_code": "
#F6E0D6
"
}
]
}
This palette features a variety of yellows, ranging from bright and vibrant to soft and muted shades. It reflects the warmth and cheerfulness associated with the color yellow, perfect for evoking feelings of happiness and optimism.
Would you like to explore specific shades or any particular applications 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.
Canary Yellow
#F6EB61
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sunshine Yellow
#F9E20B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Golden Yellow
#FFC300
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lemon Yellow
#FFF700
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Mellow Yellow
#F6A600
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Buttercup Yellow
#F6B93D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Daffodil Yellow
#FFDA44
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Melon Yellow
#F5D36D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Bumblebee Yellow
#FFC700
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Corn Yellow
#F8E51C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Saffron Yellow
#F7A900
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dandelion Yellow
#F6E07F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pastel Yellow
#F2E68E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Bright Yellow
#FFEA00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pale Yellow
#FFFFE0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Amber Yellow
#FFC107
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Honey Yellow
#FFC300
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Chartreuse Yellow
#D2EA00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Citrine Yellow
#E4D800
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Gamboge Yellow
#F6A600
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)School Bus Yellow
#FFD700
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Flax Yellow
#EDEB55
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cream Yellow
#FFFDD0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pineapple Yellow
#F9C74F
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)Goldenrod
#DAA520
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)Flame Yellow
#F6AA1D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sunflower Yellow
#FFC512
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Golden Yellow
#FAFAD2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lemon Yellow
#FFF700
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Brilliant Yellow
#FFEA00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dijon Yellow
#C6A600
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Banana Yellow
#F3E20B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Saffron
#F4B400
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Jasmine Yellow
#F9E59E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Wheat Yellow
#F5DEB3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cornsilk
#FFF8DC
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lemonade Yellow
#F5E0A7
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Almond Yellow
#F6D19A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Daisy Yellow
#F1E06D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pineapple
#F6EB61
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Gold
#FFD700
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Apricot Yellow
#FBCEB1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lemon Twist
#ECD47A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Curry Yellow
#B88B00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Amber
#FFBF00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Mimosa Yellow
#F8E1B0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Custard Yellow
#F9E76C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pollen Yellow
#F6D43C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Vanilla Yellow
#F3E5AB
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cantaloupe Yellow
#F9C69B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Ginger Yellow
#D8A300
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Yolk Yellow
#FFCC00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Bamboo Yellow
#D6C041
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Hazelnut Yellow
#C2A400
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sundrop Yellow
#FFC85B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Tangerine Yellow
#FFB84D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sunset Yellow
#F6E0B0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lemonade
#F9E7B9
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Honeydew Yellow
#E7E7A9
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Golden Yellow
#F3C600
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Mellow Gold
#E0C000
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Frothy Yellow
#F4E7A0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Chartreuse
#D0E80D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lemon Zest
#F3E51C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Squash Yellow
#E2C500
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Curry
#C7A500
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Golden Honey
#FFC10A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Butterscotch Yellow
#E4A400
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Custard
#F7E8D4
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pineapple Gold
#F6A600
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Frosted Lemon
#F2E4A3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Swedish Yellow
#F6D302
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Mellow Peach
#F2C94C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Amber Gold
#DAA520
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Yellow Gold
#FFD700
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Spring Yellow
#E6E0A4
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pollen
#FFE73D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Bright Lemon
#F7EA00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lemon Meringue
#F6E2A7
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sunshine
#F6E158
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Old Gold
#C2A900
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Goldenrod Yellow
#DAA520
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Solar Yellow
#F7D02C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Yellow Green
#A8D700
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Electric Yellow
#FFD800
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Daffodil
#F6EB61
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pale Gold
#E4D100
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Faded Yellow
#EAD37E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Sunflower
#F9E07F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Butter Yellow
#FFD4A3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Golden Butter
#F7B600
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lemonade
#F6E0B0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pineapple Cream
#F5E1A5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sunset Gold
#E6B22B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Saffron Yellow
#F6A600
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lemonade
#F4E1A4
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Golden Wheat
#E8C300
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Yellow Butter
#E3C300
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sunshine Gold
#F6D255
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Vanilla
#F3ECA3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Soft Yellow
#F7E3B3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Yellow Pearl
#E8D300
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sandy Yellow
#F2E2B5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Golden Honey
#D6AA00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Citrus Yellow
#F8E700
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Honey Bee Yellow
#FFC700
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sunshine Pebble
#DAA520
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lemon Pie
#F6E0D6
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