← Back to Editor

#E3D081 · #BCA50D · #B35719 · #951957 · #2C1B1C

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 AppData Visualization

Color Details Color Details

#E3D081

Ginger · BurlyWood · Sunflower

HEX
#E3D081
RGB
rgb(227, 208, 129)
HSL
hsl(48, 64%, 70%)
HSB
hsb(48, 43%, 89%)
CMYK
cmyk(0%, 8%, 43%, 11%)
Oklch
oklch(85.6% 0.101 96.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#BCA50D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#BCA50D
RGB
rgb(188, 165, 13)
HSL
hsl(52, 87%, 39%)
HSB
hsb(52, 93%, 74%)
CMYK
cmyk(0%, 12%, 93%, 26%)
Oklch
oklch(72.0% 0.147 99.0)

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

#B35719

Tangerine · Sienna · Amber Brown

HEX
#B35719
RGB
rgb(179, 87, 25)
HSL
hsl(24, 75%, 40%)
HSB
hsb(24, 86%, 70%)
CMYK
cmyk(0%, 51%, 86%, 30%)
Oklch
oklch(56.1% 0.138 49.1)

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

#951957

Dark Violet · Brown · Camellia

HEX
#951957
RGB
rgb(149, 25, 87)
HSL
hsl(330, 71%, 34%)
HSB
hsb(330, 83%, 58%)
CMYK
cmyk(0%, 83%, 42%, 42%)
Oklch
oklch(44.9% 0.165 356.5)

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

#2C1B1C

Crimson · Black · Deep Berry

HEX
#2C1B1C
RGB
rgb(44, 27, 28)
HSL
hsl(356, 24%, 14%)
HSB
hsb(356, 39%, 17%)
CMYK
cmyk(0%, 39%, 36%, 83%)
Oklch
oklch(24.4% 0.027 15.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3D081
8295E3

Analogous

E39F82
E3D081
C6E382

Triadic

E3D081
82E3D0
D082E3

Split-Comp.

E3D081
82C6E3
9F82E3

Tetradic

E3D081
82E39F
8295E3
E382C6

Contrast Matrix WCAG 2.1 Contrast

E3D081
BCA50D
B35719
951957
2C1B1C
—
1.6
Fail
3.2
AA Large
5.3
AA
10.6
AAA
1.6
Fail
—
2.0
Fail
3.3
AA Large
6.7
AA
3.2
AA Large
2.0
Fail
—
1.7
Fail
3.4
AA Large
5.3
AA
3.3
AA Large
1.7
Fail
—
2.0
Fail
10.6
AAA
6.7
AA
3.4
AA Large
2.0
Fail
—
White BG
1.5Fail
2.5Fail
4.9AA
8.2AAA
16.4AAA
Black BG
13.6AAA
8.5AAA
4.3AA Large
2.6Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDB94
B2B232
8B8A28
5F5E48
25241C

Deuteranopia

DCDD99
B3B53B
91972C
677044
26271C

Tritanopia

E2A3A7
BB4F55
AE3436
8F3C3A
2B1C1C

Achromatopsia

CDCDCD
9B9B9B
6B6B6B
454545
202020

Shades & Tints Shades & Tints

#E3D081

Dark
Light

#BCA50D

Dark
Light

#B35719

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3d081;
  --color-2: #bca50d;
  --color-3: #b35719;
  --color-4: #951957;
  --color-5: #2c1b1c;
}

SCSS

$color-1: #e3d081;
$color-2: #bca50d;
$color-3: #b35719;
$color-4: #951957;
$color-5: #2c1b1c;

TAILWIND

colors: {
  'brand-1': '#e3d081',
  'brand-2': '#bca50d',
  'brand-3': '#b35719',
  'brand-4': '#951957',
  'brand-5': '#2c1b1c',
}

RGB Array

[227, 208, 129], [188, 165, 13], [179, 87, 25], [149, 25, 87], [44, 27, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3D081, #BCA50D, #B35719, #951957, #2C1B1C is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #e3d081; --color-2: #bca50d; --color-3: #b35719; --color-4: #951957; --color-5: #2c1b1c. 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. 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