#A57374 + #D68983 + #E5B1A0 + #E9C5B0 + #987571 · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A57374

Crimson · Gray · Passion Red

HEX

#A57374

RGB

rgb(165, 115, 116)

HSL

hsl(359, 22%, 55%)

HSB

hsb(359, 30%, 65%)

CMYK

cmyk(0%, 30%, 30%, 35%)

Oklch

oklch(60.7% 0.063 17.8)

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

#D68983

Peach Pink · DarkSalmon · Coral Red

HEX

#D68983

RGB

rgb(214, 137, 131)

HSL

hsl(4, 50%, 68%)

HSB

hsb(4, 39%, 84%)

CMYK

cmyk(0%, 36%, 39%, 16%)

Oklch

oklch(70.8% 0.095 24.6)

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

#E5B1A0

Apricot · BurlyWood · Peach Orange

HEX

#E5B1A0

RGB

rgb(229, 177, 160)

HSL

hsl(15, 57%, 76%)

HSB

hsb(15, 30%, 90%)

CMYK

cmyk(0%, 23%, 30%, 10%)

Oklch

oklch(80.3% 0.066 38.9)

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

#E9C5B0

Apricot · Wheat · Peach Orange

HEX

#E9C5B0

RGB

rgb(233, 197, 176)

HSL

hsl(22, 56%, 80%)

HSB

hsb(22, 24%, 91%)

CMYK

cmyk(0%, 15%, 24%, 9%)

Oklch

oklch(84.9% 0.050 52.0)

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

#987571

Crimson · Gray · Passion Red

HEX

#987571

RGB

rgb(152, 117, 113)

HSL

hsl(6, 16%, 52%)

HSB

hsb(6, 26%, 60%)

CMYK

cmyk(0%, 23%, 26%, 40%)

Oklch

oklch(59.5% 0.045 26.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A57374

73A5A5

Analogous

A5738D

A57374

A58B73

Triadic

A57374

74A573

7374A5

Split-Comp.

A57374

73A58B

738DA5

Tetradic

A57374

8DA573

73A5A5

8B73A5

Contrast Matrix WCAG 2.1 Contrast

A57374	D68983	E5B1A0	E9C5B0	987571
—	1.5 Fail	2.1 Fail	2.5 Fail	1.0 Fail
1.5 Fail	—	1.4 Fail	1.7 Fail	1.5 Fail
2.1 Fail	1.4 Fail	—	1.2 Fail	2.2 Fail
2.5 Fail	1.7 Fail	1.2 Fail	—	2.6 Fail
1.0 Fail	1.5 Fail	2.2 Fail	2.6 Fail	—

White BG

4.0AA Large

2.7Fail

1.9Fail

1.6Fail

4.1AA Large

Black BG

5.3AA

7.8AAA

11.1AAA

13.1AAA

5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8F74

B5B484

CECEA4

D9D9B5

898972

Deuteranopia

929674

B9BF85

D2D5A5

DCDEB6

8B8E72

Tritanopia

A37474

D28686

E2A7A8

E7B9BA

967373

Achromatopsia

828282

9F9F9F

BFBFBF

CDCDCD

7F7F7F

Shades & Tints Shades & Tints

#A57374

Dark

Light

#D68983

Dark

Light

#E5B1A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a57374;
  --color-2: #d68983;
  --color-3: #e5b1a0;
  --color-4: #e9c5b0;
  --color-5: #987571;
}

SCSS

$color-1: #a57374;
$color-2: #d68983;
$color-3: #e5b1a0;
$color-4: #e9c5b0;
$color-5: #987571;

TAILWIND

colors: {
  'brand-1': '#a57374',
  'brand-2': '#d68983',
  'brand-3': '#e5b1a0',
  'brand-4': '#e9c5b0',
  'brand-5': '#987571',
}

RGB Array

[165, 115, 116], [214, 137, 131], [229, 177, 160], [233, 197, 176], [152, 117, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #A57374, #D68983, #E5B1A0, #E9C5B0, #987571 is ideal for: health products, baby brands, fresh-style blogs. 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: #a57374; --color-2: #d68983; --color-3: #e5b1a0; --color-4: #e9c5b0; --color-5: #987571. 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 muted-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