#9D7782 + #E8BBB6 + #F6DFBD + #DCD5AB + #E9E1BA · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9D7782

Dark Violet · Gray · Rose Pink

HEX

#9D7782

RGB

rgb(157, 119, 130)

HSL

hsl(343, 16%, 54%)

HSB

hsb(343, 24%, 62%)

CMYK

cmyk(0%, 24%, 17%, 38%)

Oklch

oklch(61.0% 0.050 359.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E8BBB6

Peach Pink · LightPink · Cherry Blossom

HEX

#E8BBB6

RGB

rgb(232, 187, 182)

HSL

hsl(6, 52%, 81%)

HSB

hsb(6, 22%, 91%)

CMYK

cmyk(0%, 19%, 22%, 9%)

Oklch

oklch(83.0% 0.053 25.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F6DFBD

Goose Yellow · Wheat · Peach Orange

HEX

#F6DFBD

RGB

rgb(246, 223, 189)

HSL

hsl(36, 76%, 85%)

HSB

hsb(36, 23%, 96%)

CMYK

cmyk(0%, 9%, 23%, 4%)

Oklch

oklch(91.4% 0.051 77.6)

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

#DCD5AB

Fresh Green · Wheat · Lemon Cream

HEX

#DCD5AB

RGB

rgb(220, 213, 171)

HSL

hsl(51, 41%, 77%)

HSB

hsb(51, 22%, 86%)

CMYK

cmyk(0%, 3%, 22%, 14%)

Oklch

oklch(86.8% 0.056 99.6)

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

#E9E1BA

Fresh Green · Wheat · Lemon Cream

HEX

#E9E1BA

RGB

rgb(233, 225, 186)

HSL

hsl(50, 52%, 82%)

HSB

hsb(50, 20%, 91%)

CMYK

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

Oklch

oklch(90.6% 0.052 97.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9D7782

779C92

Analogous

9C7794

9D7782

9C7F77

Triadic

9D7782

829C77

77829C

Split-Comp.

9D7782

779C7F

77949C

Tetradic

9D7782

949C77

779C92

7F779C

Contrast Matrix WCAG 2.1 Contrast

9D7782	E8BBB6	F6DFBD	DCD5AB	E9E1BA
—	2.3 Fail	3.0 AA Large	2.6 Fail	3.0 Fail
2.3 Fail	—	1.3 Fail	1.2 Fail	1.3 Fail
3.0 AA Large	1.3 Fail	—	1.1 Fail	1.0 Fail
2.6 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
3.0 Fail	1.3 Fail	1.0 Fail	1.1 Fail	—

White BG

3.9AA Large

1.7Fail

1.3Fail

1.5Fail

1.3Fail

Black BG

5.4AA

12.2AAA

16.2AAA

14.1AAA

15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8C7F

D5D4B7

ECECC5

D9D9B5

E6E5C3

Deuteranopia

8F927F

D7DAB8

EDEFC7

D9DAB8

E6E7C6

Tritanopia

9B7D7D

E6B8B8

F5CCCD

DCBDBF

E9CBCD

Achromatopsia

848484

C8C8C8

E2E2E2

D2D2D2

DFDFDF

Shades & Tints Shades & Tints

#9D7782

Dark

Light

#E8BBB6

Dark

Light

#F6DFBD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9d7782;
  --color-2: #e8bbb6;
  --color-3: #f6dfbd;
  --color-4: #dcd5ab;
  --color-5: #e9e1ba;
}

SCSS

$color-1: #9d7782;
$color-2: #e8bbb6;
$color-3: #f6dfbd;
$color-4: #dcd5ab;
$color-5: #e9e1ba;

TAILWIND

colors: {
  'brand-1': '#9d7782',
  'brand-2': '#e8bbb6',
  'brand-3': '#f6dfbd',
  'brand-4': '#dcd5ab',
  'brand-5': '#e9e1ba',
}

RGB Array

[157, 119, 130], [232, 187, 182], [246, 223, 189], [220, 213, 171], [233, 225, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #9D7782, #E8BBB6, #F6DFBD, #DCD5AB, #E9E1BA 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: #9d7782; --color-2: #e8bbb6; --color-3: #f6dfbd; --color-4: #dcd5ab; --color-5: #e9e1ba. 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 cool-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