#81A8A5 + #B8AC9E + #E8CCA5 + #E8C895 + #EABE9B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#81A8A5

Mineral Blue · DarkSeaGreen · Lake Green

HEX

#81A8A5

RGB

rgb(129, 168, 165)

HSL

hsl(175, 18%, 58%)

HSB

hsb(175, 23%, 66%)

CMYK

cmyk(23%, 0%, 2%, 34%)

Oklch

oklch(70.2% 0.043 190.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#B8AC9E

Ginger · DarkGray · Warm Sun

HEX

#B8AC9E

RGB

rgb(184, 172, 158)

HSL

hsl(32, 15%, 67%)

HSB

hsb(32, 14%, 72%)

CMYK

cmyk(0%, 7%, 14%, 28%)

Oklch

oklch(75.1% 0.024 71.7)

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

#E8CCA5

Goose Yellow · Wheat · Peach Orange

HEX

#E8CCA5

RGB

rgb(232, 204, 165)

HSL

hsl(35, 59%, 78%)

HSB

hsb(35, 29%, 91%)

CMYK

cmyk(0%, 12%, 29%, 9%)

Oklch

oklch(85.9% 0.060 75.9)

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

#E8C895

Goose Yellow · BurlyWood · Warm Sun

HEX

#E8C895

RGB

rgb(232, 200, 149)

HSL

hsl(37, 64%, 75%)

HSB

hsb(37, 36%, 91%)

CMYK

cmyk(0%, 14%, 36%, 9%)

Oklch

oklch(84.8% 0.076 79.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EABE9B

Apricot · BurlyWood · Peach Orange

HEX

#EABE9B

RGB

rgb(234, 190, 155)

HSL

hsl(27, 65%, 76%)

HSB

hsb(27, 34%, 92%)

CMYK

cmyk(0%, 19%, 34%, 8%)

Oklch

oklch(83.2% 0.069 60.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

81A8A5

A78184

Analogous

81A791

81A8A5

8197A7

Triadic

81A8A5

A481A7

A7A481

Split-Comp.

81A8A5

A78197

A79181

Tetradic

81A8A5

9181A7

A78184

97A781

Contrast Matrix WCAG 2.1 Contrast

81A8A5	B8AC9E	E8CCA5	E8C895	EABE9B
—	1.2 Fail	1.7 Fail	1.6 Fail	1.5 Fail
1.2 Fail	—	1.4 Fail	1.4 Fail	1.3 Fail
1.7 Fail	1.4 Fail	—	1.0 Fail	1.1 Fail
1.6 Fail	1.4 Fail	1.0 Fail	—	1.1 Fail
1.5 Fail	1.3 Fail	1.1 Fail	1.1 Fail	—

White BG

2.6Fail

2.2Fail

1.5Fail

1.6Fail

1.7Fail

Black BG

8.1AAA

9.4AAA

13.6AAA

13.1AAA

12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9292A6

B3B3A1

DCDCAE

DADAA1

D7D7A3

Deuteranopia

908DA6

B4B4A2

DEE0B1

DCDEA4

DADDA6

Tritanopia

83A6A6

B7A4A5

E7B6B8

E6ABAD

E8AAAC

Achromatopsia

9C9C9C

AEAEAE

D0D0D0

CCCCCC

C7C7C7

Shades & Tints Shades & Tints

#81A8A5

Dark

Light

#B8AC9E

Dark

Light

#E8CCA5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #81a8a5;
  --color-2: #b8ac9e;
  --color-3: #e8cca5;
  --color-4: #e8c895;
  --color-5: #eabe9b;
}

SCSS

$color-1: #81a8a5;
$color-2: #b8ac9e;
$color-3: #e8cca5;
$color-4: #e8c895;
$color-5: #eabe9b;

TAILWIND

colors: {
  'brand-1': '#81a8a5',
  'brand-2': '#b8ac9e',
  'brand-3': '#e8cca5',
  'brand-4': '#e8c895',
  'brand-5': '#eabe9b',
}

RGB Array

[129, 168, 165], [184, 172, 158], [232, 204, 165], [232, 200, 149], [234, 190, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #81A8A5, #B8AC9E, #E8CCA5, #E8C895, #EABE9B 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: #81a8a5; --color-2: #b8ac9e; --color-3: #e8cca5; --color-4: #e8c895; --color-5: #eabe9b. 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