← Back to Editor

#BF7840 · #E9B784 · #B46956 · #4D271A · #FFD1CA

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

#BF7840

Tangerine · Chocolate · Amber Brown

HEX
#BF7840
RGB
rgb(191, 120, 64)
HSL
hsl(26, 50%, 50%)
HSB
hsb(26, 66%, 75%)
CMYK
cmyk(0%, 37%, 66%, 25%)
Oklch
oklch(63.7% 0.114 57.0)

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

#E9B784

Goose Yellow · BurlyWood · Warm Sun

HEX
#E9B784
RGB
rgb(233, 183, 132)
HSL
hsl(30, 70%, 72%)
HSB
hsb(30, 43%, 91%)
CMYK
cmyk(0%, 21%, 43%, 9%)
Oklch
oklch(81.3% 0.088 66.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#B46956

Crimson · Sienna · Passion Red

HEX
#B46956
RGB
rgb(180, 105, 86)
HSL
hsl(12, 39%, 52%)
HSB
hsb(12, 52%, 71%)
CMYK
cmyk(0%, 42%, 52%, 29%)
Oklch
oklch(60.0% 0.101 35.1)

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

#4D271A

Tangerine · Maroon · Cinnamon

HEX
#4D271A
RGB
rgb(77, 39, 26)
HSL
hsl(15, 50%, 20%)
HSB
hsb(15, 66%, 30%)
CMYK
cmyk(0%, 49%, 66%, 70%)
Oklch
oklch(32.0% 0.061 39.5)

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

#FFD1CA

Peach Pink · Pink · Cherry Blossom

HEX
#FFD1CA
RGB
rgb(255, 209, 202)
HSL
hsl(8, 100%, 90%)
HSB
hsb(8, 21%, 100%)
CMYK
cmyk(0%, 18%, 21%, 0%)
Oklch
oklch(89.8% 0.053 28.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BF7840
4088BF

Analogous

BF4048
BF7840
BFB740

Triadic

BF7840
40BF77
7740BF

Split-Comp.

BF7840
40BFB7
4048BF

Tetradic

BF7840
48BF40
4088BF
B740BF

Contrast Matrix WCAG 2.1 Contrast

BF7840
E9B784
B46956
4D271A
FFD1CA
—
1.9
Fail
1.2
Fail
3.7
AA Large
2.5
Fail
1.9
Fail
—
2.3
Fail
7.1
AAA
1.3
Fail
1.2
Fail
2.3
Fail
—
3.1
AA Large
3.0
Fail
3.7
AA Large
7.1
AAA
3.1
AA Large
—
9.4
AAA
2.5
Fail
1.3
Fail
3.0
Fail
9.4
AAA
—
White BG
3.5AA Large
1.8Fail
4.1AA Large
13.0AAA
1.4Fail
Black BG
6.0AA
11.6AAA
5.1AA
1.6Fail
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A04E
D3D390
94935B
3D3C1D
EBEBCC

Deuteranopia

A4AA51
D6DA93
989E5C
3F421E
EEF1CC

Tritanopia

BB585B
E79A9C
B05E5F
4B2020
FDCDCD

Achromatopsia

878787
C0C0C0
7D7D7D
313131
DEDEDE

Shades & Tints Shades & Tints

#BF7840

Dark
Light

#E9B784

Dark
Light

#B46956

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bf7840;
  --color-2: #e9b784;
  --color-3: #b46956;
  --color-4: #4d271a;
  --color-5: #ffd1ca;
}

SCSS

$color-1: #bf7840;
$color-2: #e9b784;
$color-3: #b46956;
$color-4: #4d271a;
$color-5: #ffd1ca;

TAILWIND

colors: {
  'brand-1': '#bf7840',
  'brand-2': '#e9b784',
  'brand-3': '#b46956',
  'brand-4': '#4d271a',
  'brand-5': '#ffd1ca',
}

RGB Array

[191, 120, 64], [233, 183, 132], [180, 105, 86], [77, 39, 26], [255, 209, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BF7840, #E9B784, #B46956, #4D271A, #FFD1CA 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: #bf7840; --color-2: #e9b784; --color-3: #b46956; --color-4: #4d271a; --color-5: #ffd1ca. 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