← Back to Editor

#BEB071 · #7A813D · #F5EBB8 · #421005 · #DC750E

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

#BEB071

Ginger · Tan · Sunflower

HEX
#BEB071
RGB
rgb(190, 176, 113)
HSL
hsl(49, 37%, 59%)
HSB
hsb(49, 41%, 75%)
CMYK
cmyk(0%, 7%, 41%, 25%)
Oklch
oklch(75.5% 0.084 97.2)

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

#7A813D

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#7A813D
RGB
rgb(122, 129, 61)
HSL
hsl(66, 36%, 37%)
HSB
hsb(66, 53%, 51%)
CMYK
cmyk(5%, 0%, 53%, 49%)
Oklch
oklch(58.2% 0.092 114.1)

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

#F5EBB8

Fresh Green · Wheat · Lemon Cream

HEX
#F5EBB8
RGB
rgb(245, 235, 184)
HSL
hsl(50, 75%, 84%)
HSB
hsb(50, 25%, 96%)
CMYK
cmyk(0%, 4%, 25%, 4%)
Oklch
oklch(93.6% 0.067 98.2)

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

#421005

Vermilion · Maroon · Deep Berry

HEX
#421005
RGB
rgb(66, 16, 5)
HSL
hsl(11, 86%, 14%)
HSB
hsb(11, 92%, 26%)
CMYK
cmyk(0%, 76%, 92%, 74%)
Oklch
oklch(25.8% 0.080 34.5)

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

#DC750E

Ochre · Chocolate · Amber Brown

HEX
#DC750E
RGB
rgb(220, 117, 14)
HSL
hsl(30, 88%, 46%)
HSB
hsb(30, 94%, 86%)
CMYK
cmyk(0%, 47%, 94%, 14%)
Oklch
oklch(66.7% 0.160 55.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEB071
707EBD

Analogous

BD8870
BEB071
A5BD70

Triadic

BEB071
70BDAF
AF70BD

Split-Comp.

BEB071
70A5BD
8870BD

Tetradic

BEB071
70BD88
707EBD
BD70A5

Contrast Matrix WCAG 2.1 Contrast

BEB071
7A813D
F5EBB8
421005
DC750E
—
1.9
Fail
1.8
Fail
7.4
AAA
1.5
Fail
1.9
Fail
—
3.5
AA Large
3.8
AA Large
1.3
Fail
1.8
Fail
3.5
AA Large
—
13.3
AAA
2.6
Fail
7.4
AAA
3.8
AA Large
13.3
AAA
—
5.0
AA
1.5
Fail
1.3
Fail
2.6
Fail
5.0
AA
—
White BG
2.2Fail
4.2AA Large
1.2Fail
16.1AAA
3.2AA Large
Black BG
9.6AAA
5.0AA
17.5AAA
1.3Fail
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B880
7D7D4D
F1F1C4
2C2C08
AFAE27

Deuteranopia

B9BA84
7D7C51
F1F2C7
2F3308
B5BD2D

Tritanopia

BD8C8F
7A5A5D
F5CED0
3F0A0A
D73B3F

Achromatopsia

ADADAD
777777
E8E8E8
1E1E1E
888888

Shades & Tints Shades & Tints

#BEB071

Dark
Light

#7A813D

Dark
Light

#F5EBB8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #beb071;
  --color-2: #7a813d;
  --color-3: #f5ebb8;
  --color-4: #421005;
  --color-5: #dc750e;
}

SCSS

$color-1: #beb071;
$color-2: #7a813d;
$color-3: #f5ebb8;
$color-4: #421005;
$color-5: #dc750e;

TAILWIND

colors: {
  'brand-1': '#beb071',
  'brand-2': '#7a813d',
  'brand-3': '#f5ebb8',
  'brand-4': '#421005',
  'brand-5': '#dc750e',
}

RGB Array

[190, 176, 113], [122, 129, 61], [245, 235, 184], [66, 16, 5], [220, 117, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BEB071, #7A813D, #F5EBB8, #421005, #DC750E 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: #beb071; --color-2: #7a813d; --color-3: #f5ebb8; --color-4: #421005; --color-5: #dc750e. 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