← Back to Editor

#2E5859 · #5D8749 · #EBB13D · #E6540B · #910F29

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#2E5859

Slate Blue · DarkSlateGray · Mint Ice

HEX
#2E5859
RGB
rgb(46, 88, 89)
HSL
hsl(181, 32%, 26%)
HSB
hsb(181, 48%, 35%)
CMYK
cmyk(48%, 1%, 0%, 65%)
Oklch
oklch(43.0% 0.047 197.6)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#5D8749

Celadon · DarkOliveGreen · Olive Green

HEX
#5D8749
RGB
rgb(93, 135, 73)
HSL
hsl(101, 30%, 41%)
HSB
hsb(101, 46%, 53%)
CMYK
cmyk(31%, 0%, 46%, 47%)
Oklch
oklch(57.7% 0.101 136.3)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#EBB13D

Ginger · GoldenRod · Sunflower

HEX
#EBB13D
RGB
rgb(235, 177, 61)
HSL
hsl(40, 81%, 58%)
HSB
hsb(40, 74%, 92%)
CMYK
cmyk(0%, 25%, 74%, 8%)
Oklch
oklch(79.5% 0.143 80.8)

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

#E6540B

Tangerine · OrangeRed · Amber Brown

HEX
#E6540B
RGB
rgb(230, 84, 11)
HSL
hsl(20, 91%, 47%)
HSB
hsb(20, 95%, 90%)
CMYK
cmyk(0%, 63%, 95%, 10%)
Oklch
oklch(63.5% 0.194 40.4)

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

#910F29

Vermilion · Brown · Wine Red

HEX
#910F29
RGB
rgb(145, 15, 41)
HSL
hsl(348, 81%, 31%)
HSB
hsb(348, 90%, 57%)
CMYK
cmyk(0%, 90%, 72%, 43%)
Oklch
oklch(42.3% 0.160 18.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E5859
582E2D

Analogous

2D5843
2E5859
2D4258

Triadic

2E5859
582D57
57582D

Split-Comp.

2E5859
582D42
58432D

Tetradic

2E5859
432D58
582E2D
42582D

Contrast Matrix WCAG 2.1 Contrast

2E5859
5D8749
EBB13D
E6540B
910F29
—
1.9
Fail
4.1
AA Large
2.1
Fail
1.2
Fail
1.9
Fail
—
2.2
Fail
1.1
Fail
2.2
Fail
4.1
AA Large
2.2
Fail
—
1.9
Fail
4.7
AA
2.1
Fail
1.1
Fail
1.9
Fail
—
2.4
Fail
1.2
Fail
2.2
Fail
4.7
AA
2.4
Fail
—
White BG
7.9AAA
4.2AA Large
1.9Fail
3.7AA Large
9.1AAA
Black BG
2.7Fail
5.0AA
10.9AAA
5.6AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

404159
6F7058
D2D159
A7A51D
595823

Deuteranopia

3E3B59
6D6A5C
D5DA60
AFBA21
606A21

Tritanopia

305959
5F6466
E86F74
DF2B2E
8B1E1D

Achromatopsia

4C4C4C
737373
B5B5B5
777777
393939

Shades & Tints Shades & Tints

#2E5859

Dark
Light

#5D8749

Dark
Light

#EBB13D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e5859;
  --color-2: #5d8749;
  --color-3: #ebb13d;
  --color-4: #e6540b;
  --color-5: #910f29;
}

SCSS

$color-1: #2e5859;
$color-2: #5d8749;
$color-3: #ebb13d;
$color-4: #e6540b;
$color-5: #910f29;

TAILWIND

colors: {
  'brand-1': '#2e5859',
  'brand-2': '#5d8749',
  'brand-3': '#ebb13d',
  'brand-4': '#e6540b',
  'brand-5': '#910f29',
}

RGB Array

[46, 88, 89], [93, 135, 73], [235, 177, 61], [230, 84, 11], [145, 15, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #2E5859, #5D8749, #EBB13D, #E6540B, #910F29 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: #2e5859; --color-2: #5d8749; --color-3: #ebb13d; --color-4: #e6540b; --color-5: #910f29. 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