#E59389 + #B59290 + #A9B3A4 + #C8CEA7 + #E6CFAF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E59389

Peach Pink · DarkSalmon · Coral Red

HEX

#E59389

RGB

rgb(229, 147, 137)

HSL

hsl(7, 64%, 72%)

HSB

hsb(7, 40%, 90%)

CMYK

cmyk(0%, 36%, 40%, 10%)

Oklch

oklch(74.4% 0.101 27.3)

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

#B59290

Peach Pink · DarkGray · Coral Red

HEX

#B59290

RGB

rgb(181, 146, 144)

HSL

hsl(3, 20%, 64%)

HSB

hsb(3, 20%, 71%)

CMYK

cmyk(0%, 19%, 20%, 29%)

Oklch

oklch(69.2% 0.042 22.1)

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

#A9B3A4

Celadon · DarkGray · Silver Sand

HEX

#A9B3A4

RGB

rgb(169, 179, 164)

HSL

hsl(100, 9%, 67%)

HSB

hsb(100, 8%, 70%)

CMYK

cmyk(6%, 0%, 8%, 30%)

Oklch

oklch(75.5% 0.024 135.0)

Traditional「Celadon」· Paint「Silver Sand」· Creative Urban Concrete

#C8CEA7

Fresh Green · Silver · Sunflower

HEX

#C8CEA7

RGB

rgb(200, 206, 167)

HSL

hsl(69, 28%, 73%)

HSB

hsb(69, 19%, 81%)

CMYK

cmyk(3%, 0%, 19%, 19%)

Oklch

oklch(83.7% 0.053 114.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E6CFAF

Goose Yellow · Wheat · Peach Orange

HEX

#E6CFAF

RGB

rgb(230, 207, 175)

HSL

hsl(35, 52%, 79%)

HSB

hsb(35, 24%, 90%)

CMYK

cmyk(0%, 10%, 24%, 10%)

Oklch

oklch(86.5% 0.050 76.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E59389

8ADBE5

Analogous

E58AAD

E59389

E5C28A

Triadic

E59389

8AE595

958AE5

Split-Comp.

E59389

8AE5C2

8AADE5

Tetradic

E59389

ADE58A

8ADBE5

C28AE5

Contrast Matrix WCAG 2.1 Contrast

E59389	B59290	A9B3A4	C8CEA7	E6CFAF
—	1.2 Fail	1.1 Fail	1.4 Fail	1.6 Fail
1.2 Fail	—	1.3 Fail	1.7 Fail	1.9 Fail
1.1 Fail	1.3 Fail	—	1.3 Fail	1.4 Fail
1.4 Fail	1.7 Fail	1.3 Fail	—	1.1 Fail
1.6 Fail	1.9 Fail	1.4 Fail	1.1 Fail	—

White BG

2.4Fail

2.8Fail

2.2Fail

1.6Fail

1.5Fail

Black BG

8.9AAA

7.5AAA

9.7AAA

12.8AAA

13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C18B

A6A690

ADADA8

CBCBB0

DCDCB7

Deuteranopia

C6CC8C

A8AB91

ADACA9

CACAB3

DDDFB9

Tritanopia

E18D8E

B39191

A9AAAB

C8B8BA

E5BDBE

Achromatopsia

AAAAAA

9C9C9C

AEAEAE

C8C8C8

D2D2D2

Shades & Tints Shades & Tints

#E59389

Dark

Light

#B59290

Dark

Light

#A9B3A4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e59389;
  --color-2: #b59290;
  --color-3: #a9b3a4;
  --color-4: #c8cea7;
  --color-5: #e6cfaf;
}

SCSS

$color-1: #e59389;
$color-2: #b59290;
$color-3: #a9b3a4;
$color-4: #c8cea7;
$color-5: #e6cfaf;

TAILWIND

colors: {
  'brand-1': '#e59389',
  'brand-2': '#b59290',
  'brand-3': '#a9b3a4',
  'brand-4': '#c8cea7',
  'brand-5': '#e6cfaf',
}

RGB Array

[229, 147, 137], [181, 146, 144], [169, 179, 164], [200, 206, 167], [230, 207, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E59389, #B59290, #A9B3A4, #C8CEA7, #E6CFAF 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: #e59389; --color-2: #b59290; --color-3: #a9b3a4; --color-4: #c8cea7; --color-5: #e6cfaf. 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