← Back to Editor

#EFD5B8 · #F80F42 · #8E6E48 · #F6BB95 · #E47202

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

#EFD5B8

Goose Yellow · Wheat · Peach Orange

HEX
#EFD5B8
RGB
rgb(239, 213, 184)
HSL
hsl(32, 63%, 83%)
HSB
hsb(32, 23%, 94%)
CMYK
cmyk(0%, 11%, 23%, 6%)
Oklch
oklch(88.7% 0.048 70.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F80F42

Vermilion · Crimson · Passion Red

HEX
#F80F42
RGB
rgb(248, 15, 66)
HSL
hsl(347, 94%, 52%)
HSB
hsb(347, 94%, 97%)
CMYK
cmyk(0%, 94%, 73%, 3%)
Oklch
oklch(62.2% 0.246 20.4)

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

#8E6E48

Ochre · Sienna · Amber Brown

HEX
#8E6E48
RGB
rgb(142, 110, 72)
HSL
hsl(33, 33%, 42%)
HSB
hsb(33, 49%, 56%)
CMYK
cmyk(0%, 23%, 49%, 44%)
Oklch
oklch(56.1% 0.067 70.6)

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

#F6BB95

Apricot · BurlyWood · Peach Orange

HEX
#F6BB95
RGB
rgb(246, 187, 149)
HSL
hsl(24, 84%, 77%)
HSB
hsb(24, 39%, 96%)
CMYK
cmyk(0%, 24%, 39%, 4%)
Oklch
oklch(83.7% 0.085 54.0)

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

#E47202

Ochre · Chocolate · Amber Brown

HEX
#E47202
RGB
rgb(228, 114, 2)
HSL
hsl(30, 98%, 45%)
HSB
hsb(30, 99%, 89%)
CMYK
cmyk(0%, 50%, 99%, 11%)
Oklch
oklch(67.3% 0.170 53.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFD5B8
B8D2EF

Analogous

EFBAB8
EFD5B8
EDEFB8

Triadic

EFD5B8
B8EFD5
D5B8EF

Split-Comp.

EFD5B8
B8EDEF
BAB8EF

Tetradic

EFD5B8
B8EFBA
B8D2EF
EFB8ED

Contrast Matrix WCAG 2.1 Contrast

EFD5B8
F80F42
8E6E48
F6BB95
E47202
—
2.9
Fail
3.3
AA Large
1.2
Fail
2.2
Fail
2.9
Fail
—
1.1
Fail
2.4
Fail
1.3
Fail
3.3
AA Large
1.1
Fail
—
2.8
Fail
1.5
Fail
1.2
Fail
2.4
Fail
2.8
Fail
—
1.9
Fail
2.2
Fail
1.3
Fail
1.5
Fail
1.9
Fail
—
White BG
1.4Fail
4.1AA Large
4.7AA
1.7Fail
3.1AA Large
Black BG
14.9AAA
5.1AA
4.5AA Large
12.5AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4BF
939136
808051
DCDC9E
B3B21D

Deuteranopia

E5E7C1
A1B233
828453
E0E4A0
B9C224

Tritanopia

EEC5C6
EC2C2A
8C585A
F3A5A7
DE3237

Achromatopsia

D9D9D9
5A5A5A
737373
C8C8C8
878787

Shades & Tints Shades & Tints

#EFD5B8

Dark
Light

#F80F42

Dark
Light

#8E6E48

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efd5b8;
  --color-2: #f80f42;
  --color-3: #8e6e48;
  --color-4: #f6bb95;
  --color-5: #e47202;
}

SCSS

$color-1: #efd5b8;
$color-2: #f80f42;
$color-3: #8e6e48;
$color-4: #f6bb95;
$color-5: #e47202;

TAILWIND

colors: {
  'brand-1': '#efd5b8',
  'brand-2': '#f80f42',
  'brand-3': '#8e6e48',
  'brand-4': '#f6bb95',
  'brand-5': '#e47202',
}

RGB Array

[239, 213, 184], [248, 15, 66], [142, 110, 72], [246, 187, 149], [228, 114, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFD5B8, #F80F42, #8E6E48, #F6BB95, #E47202 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: #efd5b8; --color-2: #f80f42; --color-3: #8e6e48; --color-4: #f6bb95; --color-5: #e47202. 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