Mustard, Burnt Umber Red, Two Shades Of Olive Green And Green
About This Color Palette
Sure! Here are a few variations of the original palette, each offering a slightly different mood or tone while keeping the essential colors you specified.
Variation 1: Muted Earth Tones
<Muted Earth Tones>
1. Mustard Yellow -
#D5B20C
- A slightly darker, muted yellow that retains warmth without being too bright.
2. Dusty Red -
#6B3F36
- A softer, more muted brownish red that harmonizes well with earth tones.
3. Olive Green Dark -
#3B3C24
- A richer, darker olive green that adds depth without overwhelming.
4. Olive Green Mid -
#5D5E3D
- A more subdued mid olive green that maintains a balanced aesthetic.
5. Soft Beige -
#EAE1C5
- A light, warm beige that gently complements the other colors without stark contrast.
Variation 2: Bright and Cheerful
<Bright and Cheerful>
1. Bright Mustard Yellow -
#FFCA28
- A brighter, more vibrant yellow that brings energy and positivity.
2. Warm Brownish Red -
#A0522D
- A more vivid, lively brownish red that adds a pop of color.
3. Dark Olive Green -
#4A4D23
- Keeping the same rich tone for depth.
4. Lively Olive Green -
#7A7D4E
- A brighter mid olive green to lighten the overall mood.
5. Creamy White -
#FFFFE0
- A brighter cream that adds lightness and freshness.
Variation 3: Cooler Tones
<Cooler Tones>
1. Soft Mustard Yellow -
#E1C600
- A softer version of mustard that maintains warmth but is less saturated.
2. Muted Rust -
#7D4B3A
- A cooler, rust-like brownish red that provides a unique contrast.
3. Forest Green -
#2F3C24
- A cooler, deeper green that adds a more grounded feel.
4. Olive Green Mid -
#4F5B30
- A more muted mid olive green that retains balance without brightness.
5. Light Ivory -
#F8F8F0
- A light ivory that offers a crisp, clean backdrop for the palette.
Each variation maintains the core colors of mustard yellow, brownish red, dark olive green, mid olive green, and cream, while introducing slight modifications to create different moods or aesthetics.
Which variation resonates with you the most? Would you like to make any additional adjustments or explore more options?
Customize Preview Colors
Upgrade to ProOverview
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.
Mustard Yellow
#D5B20C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dusty Red
#6B3F36
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Olive Green Dark
#3B3C24
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Olive Green Mid
#5D5E3D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Soft Beige
#EAE1C5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Bright Mustard Yellow
#FFCA28
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Warm Brownish Red
#A0522D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Olive Green
#4A4D23
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lively Olive Green
#7A7D4E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Creamy White
#FFFFE0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Soft Mustard Yellow
#E1C600
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Muted Rust
#7D4B3A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Forest Green
#2F3C24
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Olive Green Mid
#4F5B30
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Ivory
#F8F8F0
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 ProColor 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.
Normal Text
Large Text
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.
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.