← Back to Editor

#E69E2F · #B5600B · #815D00 · #693909 · #515329

A 5-color palette 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

#E69E2F

Ginger · GoldenRod · Warm Sun

HEX
#E69E2F
RGB
rgb(230, 158, 47)
HSL
hsl(36, 79%, 54%)
HSB
hsb(36, 80%, 90%)
CMYK
cmyk(0%, 31%, 80%, 10%)
Oklch
oklch(75.2% 0.146 72.8)

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

#B5600B

Ochre · Chocolate · Amber Brown

HEX
#B5600B
RGB
rgb(181, 96, 11)
HSL
hsl(30, 89%, 38%)
HSB
hsb(30, 94%, 71%)
CMYK
cmyk(0%, 47%, 94%, 29%)
Oklch
oklch(57.8% 0.138 56.2)

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

#815D00

Ochre · Olive · Amber Gold

HEX
#815D00
RGB
rgb(129, 93, 0)
HSL
hsl(43, 100%, 25%)
HSB
hsb(43, 100%, 51%)
CMYK
cmyk(0%, 28%, 100%, 49%)
Oklch
oklch(50.3% 0.104 82.2)

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

#693909

Ochre · Maroon · Cinnamon

HEX
#693909
RGB
rgb(105, 57, 9)
HSL
hsl(30, 84%, 22%)
HSB
hsb(30, 91%, 41%)
CMYK
cmyk(0%, 46%, 91%, 59%)
Oklch
oklch(39.7% 0.088 58.7)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#515329

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#515329
RGB
rgb(81, 83, 41)
HSL
hsl(63, 34%, 24%)
HSB
hsb(63, 51%, 33%)
CMYK
cmyk(2%, 0%, 51%, 67%)
Oklch
oklch(43.0% 0.062 111.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E69E2F
2D77E6

Analogous

E6402D
E69E2F
D4E62D

Triadic

E69E2F
2DE69C
9C2DE6

Split-Comp.

E69E2F
2DD4E6
402DE6

Tetradic

E69E2F
2DE640
2D77E6
E62DD4

Contrast Matrix WCAG 2.1 Contrast

E69E2F
B5600B
815D00
693909
515329
—
2.0
Fail
2.7
Fail
4.2
AA Large
3.5
AA Large
2.0
Fail
—
1.3
Fail
2.1
Fail
1.8
Fail
2.7
Fail
1.3
Fail
—
1.6
Fail
1.3
Fail
4.2
AA Large
2.1
Fail
1.6
Fail
—
1.2
Fail
3.5
AA Large
1.8
Fail
1.3
Fail
1.2
Fail
—
White BG
2.3Fail
4.5AA
6.0AA
9.6AAA
8.0AAA
Black BG
9.3AAA
4.6AA
3.5AA Large
2.2Fail
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C64A
908F20
717117
545415
525233

Deuteranopia

CBD050
959C25
74761C
575B17
525236

Tritanopia

E25F64
B13033
7F282C
671E20
513B3D

Achromatopsia

A7A7A7
707070
5D5D5D
424242
4E4E4E

Shades & Tints Shades & Tints

#E69E2F

Dark
Light

#B5600B

Dark
Light

#815D00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e69e2f;
  --color-2: #b5600b;
  --color-3: #815d00;
  --color-4: #693909;
  --color-5: #515329;
}

SCSS

$color-1: #e69e2f;
$color-2: #b5600b;
$color-3: #815d00;
$color-4: #693909;
$color-5: #515329;

TAILWIND

colors: {
  'brand-1': '#e69e2f',
  'brand-2': '#b5600b',
  'brand-3': '#815d00',
  'brand-4': '#693909',
  'brand-5': '#515329',
}

RGB Array

[230, 158, 47], [181, 96, 11], [129, 93, 0], [105, 57, 9], [81, 83, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E69E2F, #B5600B, #815D00, #693909, #515329 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #e69e2f; --color-2: #b5600b; --color-3: #815d00; --color-4: #693909; --color-5: #515329. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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