← Back to Editor

#E76F56 · #FFE6D9 · #FFDD77 · #D6C14C · #521B1F

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

#E76F56

Peach Pink · Coral · Coral Red

HEX
#E76F56
RGB
rgb(231, 111, 86)
HSL
hsl(10, 75%, 62%)
HSB
hsb(10, 63%, 91%)
CMYK
cmyk(0%, 52%, 63%, 9%)
Oklch
oklch(67.9% 0.154 33.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFE6D9

Apricot · Linen · Peach Orange

HEX
#FFE6D9
RGB
rgb(255, 230, 217)
HSL
hsl(21, 100%, 93%)
HSB
hsb(21, 15%, 100%)
CMYK
cmyk(0%, 10%, 15%, 0%)
Oklch
oklch(94.2% 0.033 49.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFDD77

Goose Yellow · Khaki · Sunflower

HEX
#FFDD77
RGB
rgb(255, 221, 119)
HSL
hsl(45, 100%, 73%)
HSB
hsb(45, 53%, 100%)
CMYK
cmyk(0%, 13%, 53%, 0%)
Oklch
oklch(90.6% 0.127 91.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#D6C14C

Autumn Sage · SandyBrown · Sunflower

HEX
#D6C14C
RGB
rgb(214, 193, 76)
HSL
hsl(51, 63%, 57%)
HSB
hsb(51, 64%, 84%)
CMYK
cmyk(0%, 10%, 64%, 16%)
Oklch
oklch(80.7% 0.137 99.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#521B1F

Crimson · Maroon · Wine Red

HEX
#521B1F
RGB
rgb(82, 27, 31)
HSL
hsl(356, 50%, 21%)
HSB
hsb(356, 67%, 32%)
CMYK
cmyk(0%, 67%, 62%, 68%)
Oklch
oklch(30.9% 0.082 19.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E76F56
55CFE7

Analogous

E75586
E76F56
E7B655

Triadic

E76F56
55E76E
6E55E7

Split-Comp.

E76F56
55E7B6
5586E7

Tetradic

E76F56
86E755
55CFE7
B655E7

Contrast Matrix WCAG 2.1 Contrast

E76F56
FFE6D9
FFDD77
D6C14C
521B1F
—
2.6
Fail
2.3
Fail
1.7
Fail
4.4
AA Large
2.6
Fail
—
1.1
Fail
1.5
Fail
11.4
AAA
2.3
Fail
1.1
Fail
—
1.4
Fail
10.3
AAA
1.7
Fail
1.5
Fail
1.4
Fail
—
7.5
AAA
4.4
AA Large
11.4
AAA
10.3
AAA
7.5
AAA
—
White BG
3.1AA Large
1.2Fail
1.3Fail
1.8Fail
13.7AAA
Black BG
6.8AA
17.6AAA
15.9AAA
11.6AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B25C
F4F4DC
F0F090
CDCD68
3A3A1E

Deuteranopia

BAC35E
F6F8DD
F2F596
CED06F
3D421E

Tritanopia

E16162
FEDFDF
FDA3A7
D57F84
4F1D1D

Achromatopsia

909090
ECECEC
DCDCDC
BABABA
2C2C2C

Shades & Tints Shades & Tints

#E76F56

Dark
Light

#FFE6D9

Dark
Light

#FFDD77

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e76f56;
  --color-2: #ffe6d9;
  --color-3: #ffdd77;
  --color-4: #d6c14c;
  --color-5: #521b1f;
}

SCSS

$color-1: #e76f56;
$color-2: #ffe6d9;
$color-3: #ffdd77;
$color-4: #d6c14c;
$color-5: #521b1f;

TAILWIND

colors: {
  'brand-1': '#e76f56',
  'brand-2': '#ffe6d9',
  'brand-3': '#ffdd77',
  'brand-4': '#d6c14c',
  'brand-5': '#521b1f',
}

RGB Array

[231, 111, 86], [255, 230, 217], [255, 221, 119], [214, 193, 76], [82, 27, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E76F56, #FFE6D9, #FFDD77, #D6C14C, #521B1F 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: #e76f56; --color-2: #ffe6d9; --color-3: #ffdd77; --color-4: #d6c14c; --color-5: #521b1f. 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