← Back to Editor

#D3530C · #E5B932 · #605500 · #B8852A · #765162

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D3530C

Tangerine · Chocolate · Amber Brown

HEX
#D3530C
RGB
rgb(211, 83, 12)
HSL
hsl(21, 89%, 44%)
HSB
hsb(21, 94%, 83%)
CMYK
cmyk(0%, 61%, 94%, 17%)
Oklch
oklch(60.3% 0.176 42.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E5B932

Ginger · GoldenRod · Sunflower

HEX
#E5B932
RGB
rgb(229, 185, 50)
HSL
hsl(45, 77%, 55%)
HSB
hsb(45, 78%, 90%)
CMYK
cmyk(0%, 19%, 78%, 10%)
Oklch
oklch(80.3% 0.150 89.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#605500

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#605500
RGB
rgb(96, 85, 0)
HSL
hsl(53, 100%, 19%)
HSB
hsb(53, 100%, 38%)
CMYK
cmyk(0%, 11%, 100%, 62%)
Oklch
oklch(44.6% 0.093 100.7)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#B8852A

Ochre · DarkGoldenRod · Amber Brown

HEX
#B8852A
RGB
rgb(184, 133, 42)
HSL
hsl(38, 63%, 44%)
HSB
hsb(38, 77%, 72%)
CMYK
cmyk(0%, 28%, 77%, 28%)
Oklch
oklch(65.2% 0.120 77.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#765162

Dark Violet · DimGray · Camellia

HEX
#765162
RGB
rgb(118, 81, 98)
HSL
hsl(332, 19%, 39%)
HSB
hsb(332, 31%, 46%)
CMYK
cmyk(0%, 31%, 17%, 54%)
Oklch
oklch(48.1% 0.055 350.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3530C
0C8ED4

Analogous

D40C2A
D3530C
D4B60C

Triadic

D3530C
0CD452
520CD4

Split-Comp.

D3530C
0CD4B6
0C2AD4

Tetradic

D3530C
2AD40C
0C8ED4
B60CD4

Contrast Matrix WCAG 2.1 Contrast

D3530C
E5B932
605500
B8852A
765162
—
2.3
Fail
1.8
Fail
1.3
Fail
1.6
Fail
2.3
Fail
—
4.0
AA Large
1.8
Fail
3.6
AA Large
1.8
Fail
4.0
AA Large
—
2.3
Fail
1.1
Fail
1.3
Fail
1.8
Fail
2.3
Fail
—
2.1
Fail
1.6
Fail
3.6
AA Large
1.1
Fail
2.1
Fail
—
White BG
4.2AA Large
1.9Fail
7.5AAA
3.3AA Large
6.7AA
Black BG
5.0AA
11.3AAA
2.8Fail
6.4AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9A1D
D2D253
5B5B15
A2A140
66665E

Deuteranopia

A3AD21
D5D85B
5C5D1A
A5A945
686B5D

Tritanopia

CD2B2E
E36C72
5F2528
B55155
745B5A

Achromatopsia

717171
B7B7B7
4F4F4F
8A8A8A
5E5E5E

Shades & Tints Shades & Tints

#D3530C

Dark
Light

#E5B932

Dark
Light

#605500

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3530c;
  --color-2: #e5b932;
  --color-3: #605500;
  --color-4: #b8852a;
  --color-5: #765162;
}

SCSS

$color-1: #d3530c;
$color-2: #e5b932;
$color-3: #605500;
$color-4: #b8852a;
$color-5: #765162;

TAILWIND

colors: {
  'brand-1': '#d3530c',
  'brand-2': '#e5b932',
  'brand-3': '#605500',
  'brand-4': '#b8852a',
  'brand-5': '#765162',
}

RGB Array

[211, 83, 12], [229, 185, 50], [96, 85, 0], [184, 133, 42], [118, 81, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #D3530C, #E5B932, #605500, #B8852A, #765162 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d3530c; --color-2: #e5b932; --color-3: #605500; --color-4: #b8852a; --color-5: #765162. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This warm-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color