#E6BD87 + #CC9479 + #C1AA98 + #B3C2D5 + #C49B95 · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6BD87

Goose Yellow · BurlyWood · Warm Sun

HEX

#E6BD87

RGB

rgb(230, 189, 135)

HSL

hsl(34, 66%, 72%)

HSB

hsb(34, 41%, 90%)

CMYK

cmyk(0%, 18%, 41%, 10%)

Oklch

oklch(82.2% 0.084 73.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#CC9479

Apricot · DarkSalmon · Warm Sun

HEX

#CC9479

RGB

rgb(204, 148, 121)

HSL

hsl(20, 45%, 64%)

HSB

hsb(20, 41%, 80%)

CMYK

cmyk(0%, 27%, 41%, 20%)

Oklch

oklch(71.4% 0.078 46.8)

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

#C1AA98

Apricot · Tan · Warm Sun

HEX

#C1AA98

RGB

rgb(193, 170, 152)

HSL

hsl(26, 25%, 68%)

HSB

hsb(26, 21%, 76%)

CMYK

cmyk(0%, 12%, 21%, 24%)

Oklch

oklch(75.3% 0.037 60.3)

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

#B3C2D5

Azure · LightSteelBlue · Cobalt Blue

HEX

#B3C2D5

RGB

rgb(179, 194, 213)

HSL

hsl(214, 29%, 77%)

HSB

hsb(214, 16%, 84%)

CMYK

cmyk(16%, 9%, 0%, 16%)

Oklch

oklch(80.9% 0.032 254.3)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#C49B95

Peach Pink · Tan · Coral Red

HEX

#C49B95

RGB

rgb(196, 155, 149)

HSL

hsl(8, 28%, 68%)

HSB

hsb(8, 24%, 77%)

CMYK

cmyk(0%, 21%, 24%, 23%)

Oklch

oklch(72.6% 0.050 28.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6BD87

88B1E7

Analogous

E78F88

E6BD87

E0E788

Triadic

E6BD87

88E7BE

BE88E7

Split-Comp.

E6BD87

88E0E7

8F88E7

Tetradic

E6BD87

88E78F

88B1E7

E788E0

Contrast Matrix WCAG 2.1 Contrast

E6BD87	CC9479	C1AA98	B3C2D5	C49B95
—	1.5 Fail	1.3 Fail	1.0 Fail	1.4 Fail
1.5 Fail	—	1.2 Fail	1.4 Fail	1.0 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.1 Fail
1.0 Fail	1.4 Fail	1.2 Fail	—	1.4 Fail
1.4 Fail	1.0 Fail	1.1 Fail	1.4 Fail	—

White BG

1.8Fail

2.6Fail

2.2Fail

1.8Fail

2.5Fail

Black BG

12.0AAA

8.1AAA

9.5AAA

11.6AAA

8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D494

B4B380

B7B79C

B9BAD0

B2B296

Deuteranopia

D7DA97

B7BB81

B8BA9D

B9B8CF

B5B897

Tritanopia

E49EA1

C98586

C0A0A1

B4CDCC

C29898

Achromatopsia

C3C3C3

A2A2A2

AFAFAF

C0C0C0

A7A7A7

Shades & Tints Shades & Tints

#E6BD87

Dark

Light

#CC9479

Dark

Light

#C1AA98

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6bd87;
  --color-2: #cc9479;
  --color-3: #c1aa98;
  --color-4: #b3c2d5;
  --color-5: #c49b95;
}

SCSS

$color-1: #e6bd87;
$color-2: #cc9479;
$color-3: #c1aa98;
$color-4: #b3c2d5;
$color-5: #c49b95;

TAILWIND

colors: {
  'brand-1': '#e6bd87',
  'brand-2': '#cc9479',
  'brand-3': '#c1aa98',
  'brand-4': '#b3c2d5',
  'brand-5': '#c49b95',
}

RGB Array

[230, 189, 135], [204, 148, 121], [193, 170, 152], [179, 194, 213], [196, 155, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #E6BD87, #CC9479, #C1AA98, #B3C2D5, #C49B95 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: #e6bd87; --color-2: #cc9479; --color-3: #c1aa98; --color-4: #b3c2d5; --color-5: #c49b95. 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