#EB9D8D + #93865A + #A8BB9A + #C5CBA6 + #EFD8A9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EB9D8D

Peach Pink · DarkSalmon · Coral Red

HEX

#EB9D8D

RGB

rgb(235, 157, 141)

HSL

hsl(10, 70%, 74%)

HSB

hsb(10, 40%, 92%)

CMYK

cmyk(0%, 33%, 40%, 8%)

Oklch

oklch(76.9% 0.097 32.1)

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

#93865A

Ochre · Gray · Honey Gold

HEX

#93865A

RGB

rgb(147, 134, 90)

HSL

hsl(46, 24%, 46%)

HSB

hsb(46, 39%, 58%)

CMYK

cmyk(0%, 9%, 39%, 42%)

Oklch

oklch(62.1% 0.063 93.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#A8BB9A

Celadon · DarkGray · Apple Green

HEX

#A8BB9A

RGB

rgb(168, 187, 154)

HSL

hsl(95, 20%, 67%)

HSB

hsb(95, 18%, 73%)

CMYK

cmyk(10%, 0%, 18%, 27%)

Oklch

oklch(76.8% 0.050 132.0)

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

#C5CBA6

Willow Green · Silver · Apple Green

HEX

#C5CBA6

RGB

rgb(197, 203, 166)

HSL

hsl(70, 26%, 72%)

HSB

hsb(70, 18%, 80%)

CMYK

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

Oklch

oklch(82.8% 0.050 115.0)

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

#EFD8A9

Goose Yellow · Wheat · Lemon Cream

HEX

#EFD8A9

RGB

rgb(239, 216, 169)

HSL

hsl(40, 69%, 80%)

HSB

hsb(40, 29%, 94%)

CMYK

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

Oklch

oklch(89.0% 0.066 84.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB9D8D

8EDCEB

Analogous

EB8EAD

EB9D8D

EBCC8E

Triadic

EB9D8D

8EEB9E

9E8EEB

Split-Comp.

EB9D8D

8EEBCC

8EADEB

Tetradic

EB9D8D

ADEB8E

8EDCEB

CC8EEB

Contrast Matrix WCAG 2.1 Contrast

EB9D8D	93865A	A8BB9A	C5CBA6	EFD8A9
—	1.7 Fail	1.1 Fail	1.3 Fail	1.5 Fail
1.7 Fail	—	1.8 Fail	2.2 Fail	2.6 Fail
1.1 Fail	1.8 Fail	—	1.2 Fail	1.5 Fail
1.3 Fail	2.2 Fail	1.2 Fail	—	1.2 Fail
1.5 Fail	2.6 Fail	1.5 Fail	1.2 Fail	—

White BG

2.2Fail

3.6AA Large

2.1Fail

1.7Fail

1.4Fail

Black BG

9.7AAA

5.8AA

10.2AAA

12.5AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C991

8D8D65

B0B0A2

C8C8AF

E5E5B4

Deuteranopia

CED492

8E8F67

AFAEA4

C7C7B1

E6E8B7

Tritanopia

E79495

926D6F

A9A8AA

C5B6B8

EEBDBF

Achromatopsia

B2B2B2

858585

B2B2B2

C5C5C5

DADADA

Shades & Tints Shades & Tints

#EB9D8D

Dark

Light

#93865A

Dark

Light

#A8BB9A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb9d8d;
  --color-2: #93865a;
  --color-3: #a8bb9a;
  --color-4: #c5cba6;
  --color-5: #efd8a9;
}

SCSS

$color-1: #eb9d8d;
$color-2: #93865a;
$color-3: #a8bb9a;
$color-4: #c5cba6;
$color-5: #efd8a9;

TAILWIND

colors: {
  'brand-1': '#eb9d8d',
  'brand-2': '#93865a',
  'brand-3': '#a8bb9a',
  'brand-4': '#c5cba6',
  'brand-5': '#efd8a9',
}

RGB Array

[235, 157, 141], [147, 134, 90], [168, 187, 154], [197, 203, 166], [239, 216, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB9D8D, #93865A, #A8BB9A, #C5CBA6, #EFD8A9 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: #eb9d8d; --color-2: #93865a; --color-3: #a8bb9a; --color-4: #c5cba6; --color-5: #efd8a9. 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