Modern Orange & Yellow Warm

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

♥ 252 likesorangepalettebranding

#DA5525

#DA8325

#DAB025

#D7DA25

#AADA25

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
`#DA5525`	rgb(218, 85, 37)	hsl(16, 71%, 50%)	Orange	View
`#DA8325`	rgb(218, 131, 37)	hsl(31, 71%, 50%)	Orange	View
`#DAB025`	rgb(218, 176, 37)	hsl(46, 71%, 50%)	Yellow	View
`#D7DA25`	rgb(215, 218, 37)	hsl(61, 71%, 50%)	Yellow	View
`#AADA25`	rgb(170, 218, 37)	hsl(76, 71%, 50%)	Lime	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

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

Best Applications

ApparelPackagingBrand IdentityUI Design

Accessibility & Contrast Report

Score: 65%

#DA5525

On White3.96:1 (Poor)

On Black5.31:1 (Good)

#DA8325

On White2.89:1 (Poor)

On Black7.25:1 (Excellent)

#DAB025

On White2.06:1 (Poor)

On Black10.22:1 (Excellent)

#D7DA25

On White1.51:1 (Poor)

On Black13.94:1 (Excellent)

#AADA25

On White1.65:1 (Poor)

On Black12.76: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: #DA5525;
  --color-2: #DA8325;
  --color-3: #DAB025;
  --color-4: #D7DA25;
  --color-5: #AADA25;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.