#E4A8AE + #D8B3B2 + #E7B7A7 + #F0C198 + #EBC67D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E4A8AE

Peach Pink · LightPink · Coral Red

HEX

#E4A8AE

RGB

rgb(228, 168, 174)

HSL

hsl(354, 53%, 78%)

HSB

hsb(354, 26%, 89%)

CMYK

cmyk(0%, 26%, 24%, 11%)

Oklch

oklch(78.9% 0.071 12.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D8B3B2

Peach Pink · Silver · Coral Red

HEX

#D8B3B2

RGB

rgb(216, 179, 178)

HSL

hsl(2, 33%, 77%)

HSB

hsb(2, 18%, 85%)

CMYK

cmyk(0%, 17%, 18%, 15%)

Oklch

oklch(79.9% 0.043 19.9)

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

#E7B7A7

Apricot · BurlyWood · Peach Orange

HEX

#E7B7A7

RGB

rgb(231, 183, 167)

HSL

hsl(15, 57%, 78%)

HSB

hsb(15, 28%, 91%)

CMYK

cmyk(0%, 21%, 28%, 9%)

Oklch

oklch(81.8% 0.060 39.2)

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

#F0C198

Apricot · BurlyWood · Peach Orange

HEX

#F0C198

RGB

rgb(240, 193, 152)

HSL

hsl(28, 75%, 77%)

HSB

hsb(28, 37%, 94%)

CMYK

cmyk(0%, 20%, 37%, 6%)

Oklch

oklch(84.3% 0.076 62.6)

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

#EBC67D

Goose Yellow · BurlyWood · Sunflower

HEX

#EBC67D

RGB

rgb(235, 198, 125)

HSL

hsl(40, 73%, 71%)

HSB

hsb(40, 47%, 92%)

CMYK

cmyk(0%, 16%, 47%, 8%)

Oklch

oklch(84.3% 0.101 83.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4A8AE

A9E5DF

Analogous

E5A9CD

E4A8AE

E5C1A9

Triadic

E4A8AE

AFE5A9

A9AFE5

Split-Comp.

E4A8AE

A9E5C1

A9CDE5

Tetradic

E4A8AE

CDE5A9

A9E5DF

C1A9E5

Contrast Matrix WCAG 2.1 Contrast

E4A8AE	D8B3B2	E7B7A7	F0C198	EBC67D
—	1.0 Fail	1.1 Fail	1.2 Fail	1.2 Fail
1.0 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.2 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

2.0Fail

1.9Fail

1.8Fail

1.6Fail

Black BG

10.5AAA

11.0AAA

11.7AAA

12.8AAA

12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC9AD

C8C8B2

D2D2AB

DCDBA2

DBDB8F

Deuteranopia

CED2AC

CACDB2

D5D9AC

DEE2A4

DDE093

Tritanopia

E1ABAB

D6B2B2

E5AEAF

EEAAAB

E99DA0

Achromatopsia

BBBBBB

BEBEBE

C4C4C4

CACACA

C9C9C9

Shades & Tints Shades & Tints

#E4A8AE

Dark

Light

#D8B3B2

Dark

Light

#E7B7A7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4a8ae;
  --color-2: #d8b3b2;
  --color-3: #e7b7a7;
  --color-4: #f0c198;
  --color-5: #ebc67d;
}

SCSS

$color-1: #e4a8ae;
$color-2: #d8b3b2;
$color-3: #e7b7a7;
$color-4: #f0c198;
$color-5: #ebc67d;

TAILWIND

colors: {
  'brand-1': '#e4a8ae',
  'brand-2': '#d8b3b2',
  'brand-3': '#e7b7a7',
  'brand-4': '#f0c198',
  'brand-5': '#ebc67d',
}

RGB Array

[228, 168, 174], [216, 179, 178], [231, 183, 167], [240, 193, 152], [235, 198, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E4A8AE, #D8B3B2, #E7B7A7, #F0C198, #EBC67D 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: #e4a8ae; --color-2: #d8b3b2; --color-3: #e7b7a7; --color-4: #f0c198; --color-5: #ebc67d. 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