← Back to Editor

#D7D0A4 · #F89760 · #BE5E38 · #911C0B · #5F2521

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

#D7D0A4

Fresh Green · Wheat · Sunflower

HEX
#D7D0A4
RGB
rgb(215, 208, 164)
HSL
hsl(52, 39%, 74%)
HSB
hsb(52, 24%, 84%)
CMYK
cmyk(0%, 3%, 24%, 16%)
Oklch
oklch(85.2% 0.059 100.0)

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

#F89760

Apricot · SandyBrown · Warm Sun

HEX
#F89760
RGB
rgb(248, 151, 96)
HSL
hsl(22, 92%, 67%)
HSB
hsb(22, 61%, 97%)
CMYK
cmyk(0%, 39%, 61%, 3%)
Oklch
oklch(76.6% 0.136 49.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#BE5E38

Tangerine · Sienna · Amber Brown

HEX
#BE5E38
RGB
rgb(190, 94, 56)
HSL
hsl(17, 54%, 48%)
HSB
hsb(17, 71%, 75%)
CMYK
cmyk(0%, 51%, 71%, 25%)
Oklch
oklch(59.1% 0.134 41.4)

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

#911C0B

Vermilion · DarkRed · Wine Red

HEX
#911C0B
RGB
rgb(145, 28, 11)
HSL
hsl(8, 86%, 31%)
HSB
hsb(8, 92%, 57%)
CMYK
cmyk(0%, 81%, 92%, 43%)
Oklch
oklch(42.8% 0.155 31.4)

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

#5F2521

Crimson · Maroon · Wine Red

HEX
#5F2521
RGB
rgb(95, 37, 33)
HSL
hsl(4, 48%, 25%)
HSB
hsb(4, 65%, 37%)
CMYK
cmyk(0%, 61%, 65%, 63%)
Oklch
oklch(34.8% 0.086 26.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7D0A4
A3AAD7

Analogous

D7B6A3
D7D0A4
C4D7A3

Triadic

D7D0A4
A3D7D0
D0A3D7

Split-Comp.

D7D0A4
A3C4D7
B6A3D7

Tetradic

D7D0A4
A3D7B6
A3AAD7
D7A3C4

Contrast Matrix WCAG 2.1 Contrast

D7D0A4
F89760
BE5E38
911C0B
5F2521
—
1.4
Fail
2.8
Fail
5.7
AA
7.6
AAA
1.4
Fail
—
2.0
Fail
4.0
AA Large
5.4
AA
2.8
Fail
2.0
Fail
—
2.0
Fail
2.7
Fail
5.7
AA
4.0
AA Large
2.0
Fail
—
1.3
Fail
7.6
AAA
5.4
AA
2.7
Fail
1.3
Fail
—
White BG
1.6Fail
2.2Fail
4.3AA Large
8.8AAA
11.8AAA
Black BG
13.4AAA
9.6AAA
4.8AA
2.4Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4AF
CECD6D
949441
5E5D0F
464522

Deuteranopia

D4D5B1
D4DB70
9AA143
656E10
494E22

Tritanopia

D7B7B9
F3787A
B9484A
8B1213
5C2323

Achromatopsia

CDCDCD
AEAEAE
767676
3D3D3D
363636

Shades & Tints Shades & Tints

#D7D0A4

Dark
Light

#F89760

Dark
Light

#BE5E38

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7d0a4;
  --color-2: #f89760;
  --color-3: #be5e38;
  --color-4: #911c0b;
  --color-5: #5f2521;
}

SCSS

$color-1: #d7d0a4;
$color-2: #f89760;
$color-3: #be5e38;
$color-4: #911c0b;
$color-5: #5f2521;

TAILWIND

colors: {
  'brand-1': '#d7d0a4',
  'brand-2': '#f89760',
  'brand-3': '#be5e38',
  'brand-4': '#911c0b',
  'brand-5': '#5f2521',
}

RGB Array

[215, 208, 164], [248, 151, 96], [190, 94, 56], [145, 28, 11], [95, 37, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7D0A4, #F89760, #BE5E38, #911C0B, #5F2521 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: #d7d0a4; --color-2: #f89760; --color-3: #be5e38; --color-4: #911c0b; --color-5: #5f2521. 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