#E4BDBE + #CCA770 + #CA855C + #C79A95 + #FEE4D5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E4BDBE

Peach Pink · LightPink · Cherry Blossom

HEX

#E4BDBE

RGB

rgb(228, 189, 190)

HSL

hsl(358, 42%, 82%)

HSB

hsb(358, 17%, 89%)

CMYK

cmyk(0%, 17%, 17%, 11%)

Oklch

oklch(83.3% 0.045 16.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#CCA770

Ginger · Tan · Warm Sun

HEX

#CCA770

RGB

rgb(204, 167, 112)

HSL

hsl(36, 47%, 62%)

HSB

hsb(36, 45%, 80%)

CMYK

cmyk(0%, 18%, 45%, 20%)

Oklch

oklch(74.9% 0.084 76.8)

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

#CA855C

Tangerine · DarkSalmon · Warm Sun

HEX

#CA855C

RGB

rgb(202, 133, 92)

HSL

hsl(22, 51%, 58%)

HSB

hsb(22, 54%, 79%)

CMYK

cmyk(0%, 34%, 54%, 21%)

Oklch

oklch(67.8% 0.102 51.0)

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

#C79A95

Peach Pink · Tan · Coral Red

HEX

#C79A95

RGB

rgb(199, 154, 149)

HSL

hsl(6, 31%, 68%)

HSB

hsb(6, 25%, 78%)

CMYK

cmyk(0%, 23%, 25%, 22%)

Oklch

oklch(72.7% 0.055 25.8)

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

#FEE4D5

Apricot · Bisque · Peach Orange

HEX

#FEE4D5

RGB

rgb(254, 228, 213)

HSL

hsl(22, 95%, 92%)

HSB

hsb(22, 16%, 100%)

CMYK

cmyk(0%, 10%, 16%, 0%)

Oklch

oklch(93.6% 0.035 52.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4BDBE

BEE4E3

Analogous

E4BED2

E4BDBE

E4D0BE

Triadic

E4BDBE

BFE4BE

BEBFE4

Split-Comp.

E4BDBE

BEE4D0

BED2E4

Tetradic

E4BDBE

D2E4BE

BEE4E3

D0BEE4

Contrast Matrix WCAG 2.1 Contrast

E4BDBE	CCA770	CA855C	C79A95	FEE4D5
—	1.3 Fail	1.8 Fail	1.5 Fail	1.4 Fail
1.3 Fail	—	1.3 Fail	1.1 Fail	1.9 Fail
1.8 Fail	1.3 Fail	—	1.2 Fail	2.5 Fail
1.5 Fail	1.1 Fail	1.2 Fail	—	2.0 Fail
1.4 Fail	1.9 Fail	2.5 Fail	2.0 Fail	—

White BG

1.7Fail

2.3Fail

3.0Fail

2.5Fail

1.2Fail

Black BG

12.3AAA

9.3AAA

7.0AAA

8.5AAA

17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3BE

BCBC7D

ACAC66

B4B396

F3F3D9

Deuteranopia

D5D8BE

BEC181

B0B568

B6B997

F4F6DA

Tritanopia

E2BEBE

CA888A

C76E6F

C59797

FDDBDC

Achromatopsia

C9C9C9

ACACAC

959595

A7A7A7

EAEAEA

Shades & Tints Shades & Tints

#E4BDBE

Dark

Light

#CCA770

Dark

Light

#CA855C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4bdbe;
  --color-2: #cca770;
  --color-3: #ca855c;
  --color-4: #c79a95;
  --color-5: #fee4d5;
}

SCSS

$color-1: #e4bdbe;
$color-2: #cca770;
$color-3: #ca855c;
$color-4: #c79a95;
$color-5: #fee4d5;

TAILWIND

colors: {
  'brand-1': '#e4bdbe',
  'brand-2': '#cca770',
  'brand-3': '#ca855c',
  'brand-4': '#c79a95',
  'brand-5': '#fee4d5',
}

RGB Array

[228, 189, 190], [204, 167, 112], [202, 133, 92], [199, 154, 149], [254, 228, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E4BDBE, #CCA770, #CA855C, #C79A95, #FEE4D5 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: #e4bdbe; --color-2: #cca770; --color-3: #ca855c; --color-4: #c79a95; --color-5: #fee4d5. 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 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