← Back to Editor

#B58E6A · #E4BA94 · #FFDDC6 · #FFEADB · #FDF4E4

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 App

Color Details Color Details

#B58E6A

Tangerine · DarkSalmon · Warm Sun

HEX
#B58E6A
RGB
rgb(181, 142, 106)
HSL
hsl(29, 34%, 56%)
HSB
hsb(29, 41%, 71%)
CMYK
cmyk(0%, 22%, 41%, 29%)
Oklch
oklch(67.5% 0.069 64.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E4BA94

Apricot · BurlyWood · Warm Sun

HEX
#E4BA94
RGB
rgb(228, 186, 148)
HSL
hsl(28, 60%, 74%)
HSB
hsb(28, 35%, 89%)
CMYK
cmyk(0%, 18%, 35%, 11%)
Oklch
oklch(81.7% 0.070 63.7)

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

#FFDDC6

Apricot · Bisque · Peach Orange

HEX
#FFDDC6
RGB
rgb(255, 221, 198)
HSL
hsl(24, 100%, 89%)
HSB
hsb(24, 22%, 100%)
CMYK
cmyk(0%, 13%, 22%, 0%)
Oklch
oklch(92.0% 0.049 56.1)

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

#FFEADB

Apricot · Linen · Peach Orange

HEX
#FFEADB
RGB
rgb(255, 234, 219)
HSL
hsl(25, 100%, 93%)
HSB
hsb(25, 14%, 100%)
CMYK
cmyk(0%, 8%, 14%, 0%)
Oklch
oklch(95.0% 0.030 57.9)

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

#FDF4E4

Goose Yellow · Linen · Peach Orange

HEX
#FDF4E4
RGB
rgb(253, 244, 228)
HSL
hsl(38, 86%, 94%)
HSB
hsb(38, 10%, 99%)
CMYK
cmyk(0%, 4%, 10%, 1%)
Oklch
oklch(97.0% 0.023 82.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B58E6A
6990B5

Analogous

B5696A
B58E6A
B5B469

Triadic

B58E6A
69B58E
8E69B5

Split-Comp.

B58E6A
69B5B4
696AB5

Tetradic

B58E6A
6AB569
6990B5
B469B5

Contrast Matrix WCAG 2.1 Contrast

B58E6A
E4BA94
FFDDC6
FFEADB
FDF4E4
—
1.7
Fail
2.3
Fail
2.6
Fail
2.7
Fail
1.7
Fail
—
1.4
Fail
1.5
Fail
1.6
Fail
2.3
Fail
1.4
Fail
—
1.1
Fail
1.2
Fail
2.6
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
2.7
Fail
1.6
Fail
1.2
Fail
1.1
Fail
—
White BG
3.0Fail
1.8Fail
1.3Fail
1.2Fail
1.1Fail
Black BG
7.0AAA
11.7AAA
16.4AAA
18.0AAA
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A473
D2D19D
F0F0CC
F6F6DF
F9F9E8

Deuteranopia

A6A975
D4D79F
F2F5CD
F7F9E0
FAFAE9

Tritanopia

B37A7B
E2A4A6
FDD0D1
FEE1E2
FDEBEC

Achromatopsia

969696
C2C2C2
E5E5E5
EFEFEF
F5F5F5

Shades & Tints Shades & Tints

#B58E6A

Dark
Light

#E4BA94

Dark
Light

#FFDDC6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b58e6a;
  --color-2: #e4ba94;
  --color-3: #ffddc6;
  --color-4: #ffeadb;
  --color-5: #fdf4e4;
}

SCSS

$color-1: #b58e6a;
$color-2: #e4ba94;
$color-3: #ffddc6;
$color-4: #ffeadb;
$color-5: #fdf4e4;

TAILWIND

colors: {
  'brand-1': '#b58e6a',
  'brand-2': '#e4ba94',
  'brand-3': '#ffddc6',
  'brand-4': '#ffeadb',
  'brand-5': '#fdf4e4',
}

RGB Array

[181, 142, 106], [228, 186, 148], [255, 221, 198], [255, 234, 219], [253, 244, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B58E6A, #E4BA94, #FFDDC6, #FFEADB, #FDF4E4 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #b58e6a; --color-2: #e4ba94; --color-3: #ffddc6; --color-4: #ffeadb; --color-5: #fdf4e4. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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