#8D9096 + #DB9B9B + #ECA88F + #E2DCA6 + #EBF1DB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8D9096

Ash · LightSlateGray · Silver Sand

HEX

#8D9096

RGB

rgb(141, 144, 150)

HSL

hsl(220, 4%, 57%)

HSB

hsb(220, 6%, 59%)

CMYK

cmyk(6%, 4%, 0%, 41%)

Oklch

oklch(65.3% 0.010 264.5)

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

#DB9B9B

Peach Pink · Tan · Coral Red

HEX

#DB9B9B

RGB

rgb(219, 155, 155)

HSL

hsl(0, 47%, 73%)

HSB

hsb(0, 29%, 86%)

CMYK

cmyk(0%, 29%, 29%, 14%)

Oklch

oklch(75.1% 0.077 19.0)

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

#ECA88F

Apricot · BurlyWood · Warm Sun

HEX

#ECA88F

RGB

rgb(236, 168, 143)

HSL

hsl(16, 71%, 74%)

HSB

hsb(16, 39%, 93%)

CMYK

cmyk(0%, 29%, 39%, 7%)

Oklch

oklch(79.0% 0.088 41.0)

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

#E2DCA6

Fresh Green · Wheat · Lemon Cream

HEX

#E2DCA6

RGB

rgb(226, 220, 166)

HSL

hsl(54, 51%, 77%)

HSB

hsb(54, 27%, 89%)

CMYK

cmyk(0%, 3%, 27%, 11%)

Oklch

oklch(88.6% 0.071 102.4)

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

#EBF1DB

Willow Green · Beige · Mint Green

HEX

#EBF1DB

RGB

rgb(235, 241, 219)

HSL

hsl(76, 44%, 90%)

HSB

hsb(76, 9%, 95%)

CMYK

cmyk(2%, 0%, 9%, 5%)

Oklch

oklch(94.8% 0.030 119.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D9096

96938D

Analogous

8D9496

8D9096

8E8D96

Triadic

8D9096

968D90

90968D

Split-Comp.

8D9096

968E8D

94968D

Tetradic

8D9096

968D94

96938D

8D968E

Contrast Matrix WCAG 2.1 Contrast

8D9096	DB9B9B	ECA88F	E2DCA6	EBF1DB
—	1.4 Fail	1.6 Fail	2.3 Fail	2.8 Fail
1.4 Fail	—	1.2 Fail	1.6 Fail	2.0 Fail
1.6 Fail	1.2 Fail	—	1.4 Fail	1.7 Fail
2.3 Fail	1.6 Fail	1.4 Fail	—	1.2 Fail
2.8 Fail	2.0 Fail	1.7 Fail	1.2 Fail	—

White BG

3.2AA Large

2.3Fail

2.0Fail

1.4Fail

1.2Fail

Black BG

6.6AA

9.2AAA

10.6AAA

15.0AAA

18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E95

BFBF9B

CFCE95

DFDFB3

EEEEE0

Deuteranopia

8E8E94

C3C89B

D3D897

E0E0B6

EDEDE2

Tritanopia

8D9393

D89B9B

E99A9B

E2BDC0

EBE5E5

Achromatopsia

909090

AEAEAE

B9B9B9

D8D8D8

EDEDED

Shades & Tints Shades & Tints

#8D9096

Dark

Light

#DB9B9B

Dark

Light

#ECA88F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d9096;
  --color-2: #db9b9b;
  --color-3: #eca88f;
  --color-4: #e2dca6;
  --color-5: #ebf1db;
}

SCSS

$color-1: #8d9096;
$color-2: #db9b9b;
$color-3: #eca88f;
$color-4: #e2dca6;
$color-5: #ebf1db;

TAILWIND

colors: {
  'brand-1': '#8d9096',
  'brand-2': '#db9b9b',
  'brand-3': '#eca88f',
  'brand-4': '#e2dca6',
  'brand-5': '#ebf1db',
}

RGB Array

[141, 144, 150], [219, 155, 155], [236, 168, 143], [226, 220, 166], [235, 241, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8D9096, #DB9B9B, #ECA88F, #E2DCA6, #EBF1DB 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: #8d9096; --color-2: #db9b9b; --color-3: #eca88f; --color-4: #e2dca6; --color-5: #ebf1db. 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