Deep Burnt Orange & Deep Yellow Cool

A 5-color combination featuring Burnt Orange, Deep Yellow, Deep Yellow. Perfect for UI design, branding identities, and digital illustrations.

♥ 60 likesyelloworangepalette

#58370E

#58490E

#55580E

#42580E

#2F580E

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.

Learn More

★

Fast Performance

⚡

Secure Cloud

Color Information & Values

HEX	RGB	HSL	Name	Details
`#58370E`	rgb(88, 55, 14)	hsl(33, 73%, 20%)	Burnt Orange	View
`#58490E`	rgb(88, 73, 14)	hsl(48, 73%, 20%)	Deep Yellow	View
`#55580E`	rgb(85, 88, 14)	hsl(62, 73%, 20%)	Deep Yellow	View
`#42580E`	rgb(66, 88, 14)	hsl(78, 73%, 20%)	Deep Lime	View
`#2F580E`	rgb(47, 88, 14)	hsl(93, 73%, 20%)	Deep Green	View

Color Psychology & Usage

Psychology

This yellow-dominant palette evokes a sense of balance and professionalism.

Detailed Analysis

The combination of Burnt Orange and Deep Yellow creates a refined visual hierarchy perfect for modern design projects.

Best Applications

Logo DesignPhotographyPrint MediaTypography

Accessibility & Contrast Report

Score: 68%

#58370E

On White10.67:1 (Excellent)

On Black1.97:1 (Poor)

#58490E

On White8.84:1 (Excellent)

On Black2.37:1 (Poor)

#55580E

On White7.53:1 (Excellent)

On Black2.79:1 (Poor)

#42580E

On White7.97:1 (Excellent)

On Black2.63:1 (Poor)

#2F580E

On White8.32:1 (Excellent)

On Black2.52:1 (Poor)

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: #58370E;
  --color-2: #58490E;
  --color-3: #55580E;
  --color-4: #42580E;
  --color-5: #2F580E;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.