← Back to Editor

#5C323E · #A82743 · #E15E32 · #C0D23E · #E5F04C

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

#5C323E

Dark Violet · DarkSlateGray · Camellia

HEX
#5C323E
RGB
rgb(92, 50, 62)
HSL
hsl(343, 30%, 28%)
HSB
hsb(343, 46%, 36%)
CMYK
cmyk(0%, 46%, 33%, 64%)
Oklch
oklch(37.4% 0.063 2.2)

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

#A82743

Vermilion · Brown · Passion Red

HEX
#A82743
RGB
rgb(168, 39, 67)
HSL
hsl(347, 62%, 41%)
HSB
hsb(347, 77%, 66%)
CMYK
cmyk(0%, 77%, 60%, 34%)
Oklch
oklch(48.8% 0.164 13.8)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E15E32

Tangerine · Chocolate · Warm Sun

HEX
#E15E32
RGB
rgb(225, 94, 50)
HSL
hsl(15, 74%, 54%)
HSB
hsb(15, 78%, 88%)
CMYK
cmyk(0%, 58%, 78%, 12%)
Oklch
oklch(64.2% 0.174 38.3)

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

#C0D23E

Autumn Sage · GreenYellow · Sunflower

HEX
#C0D23E
RGB
rgb(192, 210, 62)
HSL
hsl(67, 62%, 53%)
HSB
hsb(67, 70%, 82%)
CMYK
cmyk(9%, 0%, 70%, 18%)
Oklch
oklch(82.4% 0.167 116.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E5F04C

Fresh Green · GreenYellow · Sunflower

HEX
#E5F04C
RGB
rgb(229, 240, 76)
HSL
hsl(64, 85%, 62%)
HSB
hsb(64, 68%, 94%)
CMYK
cmyk(5%, 0%, 68%, 6%)
Oklch
oklch(91.8% 0.180 113.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C323E
325D51

Analogous

5D3254
5C323E
5D3B32

Triadic

5C323E
3E5D32
323E5D

Split-Comp.

5C323E
325D3B
32545D

Tetradic

5C323E
545D32
325D51
3B325D

Contrast Matrix WCAG 2.1 Contrast

5C323E
A82743
E15E32
C0D23E
E5F04C
—
1.5
Fail
3.0
Fail
6.3
AA
8.5
AAA
1.5
Fail
—
1.9
Fail
4.1
AA Large
5.6
AA
3.0
Fail
1.9
Fail
—
2.1
Fail
2.9
Fail
6.3
AA
4.1
AA Large
2.1
Fail
—
1.3
Fail
8.5
AAA
5.6
AA
2.9
Fail
1.3
Fail
—
White BG
10.6AAA
6.9AA
3.6AA Large
1.7Fail
1.2Fail
Black BG
2.0Fail
3.0AA Large
5.8AA
12.5AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A493B
706F3C
A8A73D
C8C862
EAEA74

Deuteranopia

4C4F3A
78813B
B0BA3F
C7C56A
E9E87D

Tritanopia

5A3938
A23736
DA4547
C17E84
E6939A

Achromatopsia

404040
515151
808080
BCBCBC
DADADA

Shades & Tints Shades & Tints

#5C323E

Dark
Light

#A82743

Dark
Light

#E15E32

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c323e;
  --color-2: #a82743;
  --color-3: #e15e32;
  --color-4: #c0d23e;
  --color-5: #e5f04c;
}

SCSS

$color-1: #5c323e;
$color-2: #a82743;
$color-3: #e15e32;
$color-4: #c0d23e;
$color-5: #e5f04c;

TAILWIND

colors: {
  'brand-1': '#5c323e',
  'brand-2': '#a82743',
  'brand-3': '#e15e32',
  'brand-4': '#c0d23e',
  'brand-5': '#e5f04c',
}

RGB Array

[92, 50, 62], [168, 39, 67], [225, 94, 50], [192, 210, 62], [229, 240, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #5C323E, #A82743, #E15E32, #C0D23E, #E5F04C 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: #5c323e; --color-2: #a82743; --color-3: #e15e32; --color-4: #c0d23e; --color-5: #e5f04c. 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