#EFD8A4 + #E8AE96 + #E49D89 + #E47F83 + #A8C99E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFD8A4

Goose Yellow · Wheat · Lemon Cream

HEX

#EFD8A4

RGB

rgb(239, 216, 164)

HSL

hsl(42, 70%, 79%)

HSB

hsb(42, 31%, 94%)

CMYK

cmyk(0%, 10%, 31%, 6%)

Oklch

oklch(88.9% 0.072 86.9)

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

#E8AE96

Apricot · BurlyWood · Warm Sun

HEX

#E8AE96

RGB

rgb(232, 174, 150)

HSL

hsl(18, 64%, 75%)

HSB

hsb(18, 35%, 91%)

CMYK

cmyk(0%, 25%, 35%, 9%)

Oklch

oklch(79.9% 0.076 43.5)

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

#E49D89

Peach Pink · DarkSalmon · Coral Red

HEX

#E49D89

RGB

rgb(228, 157, 137)

HSL

hsl(13, 63%, 72%)

HSB

hsb(13, 40%, 89%)

CMYK

cmyk(0%, 31%, 40%, 11%)

Oklch

oklch(76.0% 0.090 36.4)

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

#E47F83

Peach Pink · LightCoral · Coral Red

HEX

#E47F83

RGB

rgb(228, 127, 131)

HSL

hsl(358, 65%, 70%)

HSB

hsb(358, 44%, 89%)

CMYK

cmyk(0%, 44%, 43%, 11%)

Oklch

oklch(70.8% 0.125 18.2)

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

#A8C99E

Celadon · DarkSeaGreen · Apple Green

HEX

#A8C99E

RGB

rgb(168, 201, 158)

HSL

hsl(106, 28%, 70%)

HSB

hsb(106, 21%, 79%)

CMYK

cmyk(16%, 0%, 21%, 21%)

Oklch

oklch(80.0% 0.069 138.5)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFD8A4

A4BAEF

Analogous

EFB3A4

EFD8A4

E0EFA4

Triadic

EFD8A4

A4EFD8

D8A4EF

Split-Comp.

EFD8A4

A4E0EF

B3A4EF

Tetradic

EFD8A4

A4EFB3

A4BAEF

EFA4E0

Contrast Matrix WCAG 2.1 Contrast

EFD8A4	E8AE96	E49D89	E47F83	A8C99E
—	1.4 Fail	1.6 Fail	2.0 Fail	1.3 Fail
1.4 Fail	—	1.2 Fail	1.4 Fail	1.1 Fail
1.6 Fail	1.2 Fail	—	1.2 Fail	1.2 Fail
2.0 Fail	1.4 Fail	1.2 Fail	—	1.5 Fail
1.3 Fail	1.1 Fail	1.2 Fail	1.5 Fail	—

White BG

1.4Fail

1.9Fail

2.2Fail

2.7Fail

1.8Fail

Black BG

15.0AAA

10.9AAA

9.5AAA

7.7AAA

11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5B1

CFCE9C

C5C58E

B8B782

B6B7A8

Deuteranopia

E6E8B4

D2D79D

C9CF8F

BEC682

B4B2AB

Tritanopia

EEBBBD

E5A0A1

E09293

DF8181

AAB1B2

Achromatopsia

D9D9D9

BDBDBD

B0B0B0

9E9E9E

BABABA

Shades & Tints Shades & Tints

#EFD8A4

Dark

Light

#E8AE96

Dark

Light

#E49D89

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efd8a4;
  --color-2: #e8ae96;
  --color-3: #e49d89;
  --color-4: #e47f83;
  --color-5: #a8c99e;
}

SCSS

$color-1: #efd8a4;
$color-2: #e8ae96;
$color-3: #e49d89;
$color-4: #e47f83;
$color-5: #a8c99e;

TAILWIND

colors: {
  'brand-1': '#efd8a4',
  'brand-2': '#e8ae96',
  'brand-3': '#e49d89',
  'brand-4': '#e47f83',
  'brand-5': '#a8c99e',
}

RGB Array

[239, 216, 164], [232, 174, 150], [228, 157, 137], [228, 127, 131], [168, 201, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFD8A4, #E8AE96, #E49D89, #E47F83, #A8C99E 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: #efd8a4; --color-2: #e8ae96; --color-3: #e49d89; --color-4: #e47f83; --color-5: #a8c99e. 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