#E2CDBC + #AC7C65 + #E88073 + #F9C363 + #E4D8CA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E2CDBC

Apricot · Wheat · Peach Orange

HEX

#E2CDBC

RGB

rgb(226, 205, 188)

HSL

hsl(27, 40%, 81%)

HSB

hsb(27, 17%, 89%)

CMYK

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

Oklch

oklch(86.1% 0.033 61.4)

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

#AC7C65

Tangerine · Gray · Warm Sun

HEX

#AC7C65

RGB

rgb(172, 124, 101)

HSL

hsl(19, 30%, 54%)

HSB

hsb(19, 41%, 67%)

CMYK

cmyk(0%, 28%, 41%, 33%)

Oklch

oklch(62.8% 0.069 46.6)

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

#E88073

Peach Pink · LightCoral · Coral Red

HEX

#E88073

RGB

rgb(232, 128, 115)

HSL

hsl(7, 72%, 68%)

HSB

hsb(7, 50%, 91%)

CMYK

cmyk(0%, 45%, 50%, 9%)

Oklch

oklch(71.2% 0.130 28.2)

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

#F9C363

Ginger · SandyBrown · Warm Sun

HEX

#F9C363

RGB

rgb(249, 195, 99)

HSL

hsl(38, 93%, 68%)

HSB

hsb(38, 60%, 98%)

CMYK

cmyk(0%, 22%, 60%, 2%)

Oklch

oklch(84.7% 0.129 79.9)

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

#E4D8CA

Goose Yellow · LightGray · Peach Orange

HEX

#E4D8CA

RGB

rgb(228, 216, 202)

HSL

hsl(32, 33%, 84%)

HSB

hsb(32, 11%, 89%)

CMYK

cmyk(0%, 5%, 11%, 11%)

Oklch

oklch(88.8% 0.023 71.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2CDBC

BBD0E2

Analogous

E2BBBD

E2CDBC

E2E0BB

Triadic

E2CDBC

BBE2CD

CDBBE2

Split-Comp.

E2CDBC

BBE2E0

BBBDE2

Tetradic

E2CDBC

BDE2BB

BBD0E2

E0BBE2

Contrast Matrix WCAG 2.1 Contrast

E2CDBC	AC7C65	E88073	F9C363	E4D8CA
—	2.4 Fail	1.8 Fail	1.1 Fail	1.1 Fail
2.4 Fail	—	1.3 Fail	2.2 Fail	2.6 Fail
1.8 Fail	1.3 Fail	—	1.7 Fail	1.9 Fail
1.1 Fail	2.2 Fail	1.7 Fail	—	1.2 Fail
1.1 Fail	2.6 Fail	1.9 Fail	1.2 Fail	—

White BG

1.5Fail

3.6AA Large

2.7Fail

1.6Fail

1.4Fail

Black BG

13.7AAA

5.8AA

7.8AAA

13.0AAA

15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9C0

97976B

BBBA76

E2E17A

DFDFCD

Deuteranopia

DADCC1

9A9E6C

C1C977

E5E980

E0E0CE

Tritanopia

E1C3C4

AA6F70

E37979

F68D91

E3D0D1

Achromatopsia

D1D1D1

888888

9E9E9E

C8C8C8

DADADA

Shades & Tints Shades & Tints

#E2CDBC

Dark

Light

#AC7C65

Dark

Light

#E88073

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2cdbc;
  --color-2: #ac7c65;
  --color-3: #e88073;
  --color-4: #f9c363;
  --color-5: #e4d8ca;
}

SCSS

$color-1: #e2cdbc;
$color-2: #ac7c65;
$color-3: #e88073;
$color-4: #f9c363;
$color-5: #e4d8ca;

TAILWIND

colors: {
  'brand-1': '#e2cdbc',
  'brand-2': '#ac7c65',
  'brand-3': '#e88073',
  'brand-4': '#f9c363',
  'brand-5': '#e4d8ca',
}

RGB Array

[226, 205, 188], [172, 124, 101], [232, 128, 115], [249, 195, 99], [228, 216, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2CDBC, #AC7C65, #E88073, #F9C363, #E4D8CA 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: #e2cdbc; --color-2: #ac7c65; --color-3: #e88073; --color-4: #f9c363; --color-5: #e4d8ca. 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