Professional Color Scheme
Muted Muted Orange & Muted Yellow Warm
A 5-color combination featuring Muted Orange, Muted Yellow, Muted Yellow. Perfect for UI design, branding identities, and digital illustrations.
#A49484
#A49C84
#A4A484
#9CA484
#94A484
Professional Visualization
See how this palette performs in real-world UI mockups.
BrandName
ProductPricingGet Started
Modern Interface Design
Experience the perfect harmony of colors calculated for your brand identity.
Fast Performance
Secure Cloud
Color Information & Values
| Swatch | HEX | RGB | HSL | Name | Details |
|---|---|---|---|---|---|
#A49484 | rgb(164, 148, 132) | hsl(30, 15%, 58%) | Muted Orange | View | |
#A49C84 | rgb(164, 156, 132) | hsl(45, 15%, 58%) | Muted Yellow | View | |
#A4A484 | rgb(164, 164, 132) | hsl(60, 15%, 58%) | Muted Yellow | View | |
#9CA484 | rgb(156, 164, 132) | hsl(75, 15%, 58%) | Muted Lime | View | |
#94A484 | rgb(148, 164, 132) | hsl(90, 15%, 58%) | Muted Green | View |
Color Psychology & Usage
Psychology
This yellow-dominant palette evokes a sense of balance and professionalism.
Detailed Analysis
The combination of Muted Orange and Muted Yellow creates a refined visual hierarchy perfect for modern design projects.
Accessibility & Contrast Report
Score: 69%
#A49484
On White2.94:1 (Poor)
On Black7.15:1 (Excellent)
#A49C84
On White2.74:1 (Poor)
On Black7.67:1 (Excellent)
#A4A484
On White2.55:1 (Poor)
On Black8.22:1 (Excellent)
#9CA484
On White2.61:1 (Poor)
On Black8.06:1 (Excellent)
#94A484
On White2.66:1 (Poor)
On Black7.9:1 (Excellent)
These ratios are calculated based on WCAG 2.1 guidelines. A ratio of 4.5:1 is the minimum for standard text, while 7:1 is recommended for high accessibility.
CSS Export
:root {
--color-1: #A49484;
--color-2: #A49C84;
--color-3: #A4A484;
--color-4: #9CA484;
--color-5: #94A484;
}Discover Similar Schemes
Palettes that share visual characteristics and color harmony.