← Back to Editor

#A36131 · #E49632 · #F2E0AE · #74A7A0 · #04344B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#A36131

Tangerine · Sienna · Amber Brown

HEX
#A36131
RGB
rgb(163, 97, 49)
HSL
hsl(25, 54%, 42%)
HSB
hsb(25, 70%, 64%)
CMYK
cmyk(0%, 40%, 70%, 36%)
Oklch
oklch(55.7% 0.106 54.5)

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

#E49632

Ginger · GoldenRod · Warm Sun

HEX
#E49632
RGB
rgb(228, 150, 50)
HSL
hsl(34, 77%, 55%)
HSB
hsb(34, 78%, 89%)
CMYK
cmyk(0%, 34%, 78%, 11%)
Oklch
oklch(73.6% 0.144 67.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#F2E0AE

Goose Yellow · Wheat · Lemon Cream

HEX
#F2E0AE
RGB
rgb(242, 224, 174)
HSL
hsl(44, 72%, 82%)
HSB
hsb(44, 28%, 95%)
CMYK
cmyk(0%, 7%, 28%, 5%)
Oklch
oklch(90.9% 0.068 90.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#74A7A0

Mineral Blue · CadetBlue · Lake Green

HEX
#74A7A0
RGB
rgb(116, 167, 160)
HSL
hsl(172, 22%, 55%)
HSB
hsb(172, 31%, 65%)
CMYK
cmyk(31%, 0%, 4%, 35%)
Oklch
oklch(69.0% 0.055 185.3)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#04344B

Lake Blue · MidnightBlue · Peacock Green

HEX
#04344B
RGB
rgb(4, 52, 75)
HSL
hsl(199, 90%, 15%)
HSB
hsb(199, 95%, 29%)
CMYK
cmyk(95%, 31%, 0%, 71%)
Oklch
oklch(30.8% 0.063 235.9)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A36131
3175A5

Analogous

A5313B
A36131
A59B31

Triadic

A36131
31A561
6131A5

Split-Comp.

A36131
31A59B
313BA5

Tetradic

A36131
3BA531
3175A5
9B31A5

Contrast Matrix WCAG 2.1 Contrast

A36131
E49632
F2E0AE
74A7A0
04344B
—
2.0
Fail
3.7
AA Large
1.8
Fail
2.7
Fail
2.0
Fail
—
1.8
Fail
1.1
Fail
5.4
AA
3.7
AA Large
1.8
Fail
—
2.1
Fail
10.0
AAA
1.8
Fail
1.1
Fail
2.1
Fail
—
4.9
AA
2.7
Fail
5.4
AA
10.0
AAA
4.9
AA
—
White BG
4.9AA
2.4Fail
1.3Fail
2.7Fail
13.1AAA
Black BG
4.3AA Large
8.7AAA
16.0AAA
7.8AAA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

86863D
C2C24A
EAEABA
8A8BA2
191945

Deuteranopia

8A8F3F
C7CD50
EBEDBD
8783A2
161244

Tritanopia

A04648
E05D62
F1C4C6
77A3A3
064140

Achromatopsia

6F6F6F
A2A2A2
E0E0E0
979797
282828

Shades & Tints Shades & Tints

#A36131

Dark
Light

#E49632

Dark
Light

#F2E0AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a36131;
  --color-2: #e49632;
  --color-3: #f2e0ae;
  --color-4: #74a7a0;
  --color-5: #04344b;
}

SCSS

$color-1: #a36131;
$color-2: #e49632;
$color-3: #f2e0ae;
$color-4: #74a7a0;
$color-5: #04344b;

TAILWIND

colors: {
  'brand-1': '#a36131',
  'brand-2': '#e49632',
  'brand-3': '#f2e0ae',
  'brand-4': '#74a7a0',
  'brand-5': '#04344b',
}

RGB Array

[163, 97, 49], [228, 150, 50], [242, 224, 174], [116, 167, 160], [4, 52, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A36131, #E49632, #F2E0AE, #74A7A0, #04344B is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #a36131; --color-2: #e49632; --color-3: #f2e0ae; --color-4: #74a7a0; --color-5: #04344b. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 general-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