#DED9BB + #ECC8A4 + #FF9566 + #AC7C8A + #75636F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DED9BB

Fresh Green · Wheat · Lemon Cream

HEX

#DED9BB

RGB

rgb(222, 217, 187)

HSL

hsl(51, 35%, 80%)

HSB

hsb(51, 16%, 87%)

CMYK

cmyk(0%, 2%, 16%, 13%)

Oklch

oklch(88.1% 0.040 99.4)

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

#ECC8A4

Goose Yellow · Wheat · Peach Orange

HEX

#ECC8A4

RGB

rgb(236, 200, 164)

HSL

hsl(30, 65%, 78%)

HSB

hsb(30, 31%, 93%)

CMYK

cmyk(0%, 15%, 31%, 7%)

Oklch

oklch(85.5% 0.063 66.8)

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

#FF9566

Apricot · SandyBrown · Warm Sun

HEX

#FF9566

RGB

rgb(255, 149, 102)

HSL

hsl(18, 100%, 70%)

HSB

hsb(18, 60%, 100%)

CMYK

cmyk(0%, 42%, 60%, 0%)

Oklch

oklch(77.2% 0.142 44.1)

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

#AC7C8A

Dark Violet · Gray · Rose Pink

HEX

#AC7C8A

RGB

rgb(172, 124, 138)

HSL

hsl(343, 22%, 58%)

HSB

hsb(343, 28%, 67%)

CMYK

cmyk(0%, 28%, 20%, 33%)

Oklch

oklch(63.8% 0.062 359.9)

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

#75636F

Rose Purple · DimGray · Warm Gray

HEX

#75636F

RGB

rgb(117, 99, 111)

HSL

hsl(320, 8%, 42%)

HSB

hsb(320, 15%, 46%)

CMYK

cmyk(0%, 15%, 5%, 54%)

Oklch

oklch(52.1% 0.029 338.4)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED9BB

BAC0DE

Analogous

DEC7BA

DED9BB

D1DEBA

Triadic

DED9BB

BADED8

D8BADE

Split-Comp.

DED9BB

BAD1DE

C7BADE

Tetradic

DED9BB

BADEC7

BAC0DE

DEBAD1

Contrast Matrix WCAG 2.1 Contrast

DED9BB	ECC8A4	FF9566	AC7C8A	75636F
—	1.1 Fail	1.5 Fail	2.5 Fail	3.9 AA Large
1.1 Fail	—	1.4 Fail	2.2 Fail	3.5 AA Large
1.5 Fail	1.4 Fail	—	1.6 Fail	2.6 Fail
2.5 Fail	2.2 Fail	1.6 Fail	—	1.6 Fail
3.9 AA Large	3.5 AA Large	2.6 Fail	1.6 Fail	—

White BG

1.4Fail

1.6Fail

2.2Fail

3.5AA Large

5.6AA

Black BG

14.7AAA

13.4AAA

9.7AAA

6.0AA

3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCC2

DCDCAD

D1D071

979787

6D6D6C

Deuteranopia

DCDCC4

DFE1AF

D7DF74

9A9E86

6E706B

Tritanopia

DEC8C9

EAB4B5

FA7A7C

AA8483

746A69

Achromatopsia

D7D7D7

CFCFCF

AFAFAF

8C8C8C

6A6A6A

Shades & Tints Shades & Tints

#DED9BB

Dark

Light

#ECC8A4

Dark

Light

#FF9566

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded9bb;
  --color-2: #ecc8a4;
  --color-3: #ff9566;
  --color-4: #ac7c8a;
  --color-5: #75636f;
}

SCSS

$color-1: #ded9bb;
$color-2: #ecc8a4;
$color-3: #ff9566;
$color-4: #ac7c8a;
$color-5: #75636f;

TAILWIND

colors: {
  'brand-1': '#ded9bb',
  'brand-2': '#ecc8a4',
  'brand-3': '#ff9566',
  'brand-4': '#ac7c8a',
  'brand-5': '#75636f',
}

RGB Array

[222, 217, 187], [236, 200, 164], [255, 149, 102], [172, 124, 138], [117, 99, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DED9BB, #ECC8A4, #FF9566, #AC7C8A, #75636F 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: #ded9bb; --color-2: #ecc8a4; --color-3: #ff9566; --color-4: #ac7c8a; --color-5: #75636f. 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