← Back to Editor

#E5BFA1 · #79AEA9 · #9D9B7E · #B2877F · #B60958

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E5BFA1

Apricot · BurlyWood · Peach Orange

HEX
#E5BFA1
RGB
rgb(229, 191, 161)
HSL
hsl(26, 57%, 76%)
HSB
hsb(26, 30%, 90%)
CMYK
cmyk(0%, 17%, 30%, 10%)
Oklch
oklch(83.0% 0.060 60.1)

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

#79AEA9

Mineral Blue · CadetBlue · Lake Green

HEX
#79AEA9
RGB
rgb(121, 174, 169)
HSL
hsl(174, 25%, 58%)
HSB
hsb(174, 30%, 68%)
CMYK
cmyk(30%, 0%, 3%, 32%)
Oklch
oklch(71.2% 0.056 188.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#9D9B7E

Autumn Sage · Gray · Sunflower

HEX
#9D9B7E
RGB
rgb(157, 155, 126)
HSL
hsl(56, 14%, 55%)
HSB
hsb(56, 20%, 62%)
CMYK
cmyk(0%, 1%, 20%, 38%)
Oklch
oklch(68.3% 0.041 104.2)

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

#B2877F

Crimson · Gray · Passion Red

HEX
#B2877F
RGB
rgb(178, 135, 127)
HSL
hsl(9, 25%, 60%)
HSB
hsb(9, 29%, 70%)
CMYK
cmyk(0%, 24%, 29%, 30%)
Oklch
oklch(66.3% 0.054 30.6)

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

#B60958

Dark Violet · Crimson · Camellia

HEX
#B60958
RGB
rgb(182, 9, 88)
HSL
hsl(333, 91%, 37%)
HSB
hsb(333, 95%, 71%)
CMYK
cmyk(0%, 95%, 52%, 29%)
Oklch
oklch(50.3% 0.199 3.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5BFA1
9FC6E5

Analogous

E59FA4
E5BFA1
E5E09F

Triadic

E5BFA1
9FE5BD
BD9FE5

Split-Comp.

E5BFA1
9FE5E0
9FA4E5

Tetradic

E5BFA1
A4E59F
9FC6E5
E09FE5

Contrast Matrix WCAG 2.1 Contrast

E5BFA1
79AEA9
9D9B7E
B2877F
B60958
—
1.5
Fail
1.7
Fail
1.8
Fail
3.9
AA Large
1.5
Fail
—
1.1
Fail
1.3
Fail
2.7
Fail
1.7
Fail
1.1
Fail
—
1.1
Fail
2.3
Fail
1.8
Fail
1.3
Fail
1.1
Fail
—
2.1
Fail
3.9
AA Large
2.7
Fail
2.3
Fail
2.1
Fail
—
White BG
1.7Fail
2.5Fail
2.8Fail
3.2AA Large
6.6AA
Black BG
12.3AAA
8.4AAA
7.4AAA
6.7AA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D4A8
9090AA
9C9C85
9F9F81
6B6A45

Deuteranopia

D7DAAA
8D89AB
9C9C87
A2A581
758240

Tritanopia

E3AEAF
7CABAB
9D8B8C
B08283
AD3632

Achromatopsia

C7C7C7
9E9E9E
989898
939393
464646

Shades & Tints Shades & Tints

#E5BFA1

Dark
Light

#79AEA9

Dark
Light

#9D9B7E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5bfa1;
  --color-2: #79aea9;
  --color-3: #9d9b7e;
  --color-4: #b2877f;
  --color-5: #b60958;
}

SCSS

$color-1: #e5bfa1;
$color-2: #79aea9;
$color-3: #9d9b7e;
$color-4: #b2877f;
$color-5: #b60958;

TAILWIND

colors: {
  'brand-1': '#e5bfa1',
  'brand-2': '#79aea9',
  'brand-3': '#9d9b7e',
  'brand-4': '#b2877f',
  'brand-5': '#b60958',
}

RGB Array

[229, 191, 161], [121, 174, 169], [157, 155, 126], [178, 135, 127], [182, 9, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5BFA1, #79AEA9, #9D9B7E, #B2877F, #B60958 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e5bfa1; --color-2: #79aea9; --color-3: #9d9b7e; --color-4: #b2877f; --color-5: #b60958. 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. 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 tech, SaaS, healthcare, eco industries. 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