#9E7D6A + #EB827C + #CFC04B + #DED0AD + #CDC8AB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9E7D6A

Tangerine · Gray · Warm Sun

HEX

#9E7D6A

RGB

rgb(158, 125, 106)

HSL

hsl(22, 21%, 52%)

HSB

hsb(22, 33%, 62%)

CMYK

cmyk(0%, 21%, 33%, 38%)

Oklch

oklch(61.6% 0.050 51.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#EB827C

Peach Pink · LightCoral · Coral Red

HEX

#EB827C

RGB

rgb(235, 130, 124)

HSL

hsl(3, 74%, 70%)

HSB

hsb(3, 47%, 92%)

CMYK

cmyk(0%, 45%, 47%, 8%)

Oklch

oklch(72.0% 0.130 24.2)

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

#CFC04B

Autumn Sage · SandyBrown · Sunflower

HEX

#CFC04B

RGB

rgb(207, 192, 75)

HSL

hsl(53, 58%, 55%)

HSB

hsb(53, 64%, 81%)

CMYK

cmyk(0%, 7%, 64%, 19%)

Oklch

oklch(79.8% 0.137 102.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DED0AD

Goose Yellow · Wheat · Lemon Cream

HEX

#DED0AD

RGB

rgb(222, 208, 173)

HSL

hsl(43, 43%, 77%)

HSB

hsb(43, 22%, 87%)

CMYK

cmyk(0%, 6%, 22%, 13%)

Oklch

oklch(86.0% 0.049 88.8)

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

#CDC8AB

Fresh Green · Silver · Sunflower

HEX

#CDC8AB

RGB

rgb(205, 200, 171)

HSL

hsl(51, 25%, 74%)

HSB

hsb(51, 17%, 80%)

CMYK

cmyk(0%, 2%, 17%, 20%)

Oklch

oklch(82.9% 0.040 99.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9E7D6A

6B8B9E

Analogous

9E6B72

9E7D6A

9E976B

Triadic

9E7D6A

6B9E7E

7E6B9E

Split-Comp.

9E7D6A

6B9E97

6B729E

Tetradic

9E7D6A

729E6B

6B8B9E

976B9E

Contrast Matrix WCAG 2.1 Contrast

9E7D6A	EB827C	CFC04B	DED0AD	CDC8AB
—	1.4 Fail	2.0 Fail	2.5 Fail	2.2 Fail
1.4 Fail	—	1.4 Fail	1.7 Fail	1.6 Fail
2.0 Fail	1.4 Fail	—	1.2 Fail	1.1 Fail
2.5 Fail	1.7 Fail	1.2 Fail	—	1.1 Fail
2.2 Fail	1.6 Fail	1.1 Fail	1.1 Fail	—

White BG

3.8AA Large

2.6Fail

1.9Fail

1.5Fail

1.7Fail

Black BG

5.6AA

8.0AAA

11.3AAA

13.7AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

908F6F

BEBD7D

C9C867

D8D8B5

CBCBB2

Deuteranopia

929470

C4CC7E

C9CA6E

D9DAB8

CBCCB4

Tritanopia

9C7273

E67F7F

CE7E83

DDBCBE

CDB8B9

Achromatopsia

858585

A1A1A1

B7B7B7

D0D0D0

C6C6C6

Shades & Tints Shades & Tints

#9E7D6A

Dark

Light

#EB827C

Dark

Light

#CFC04B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9e7d6a;
  --color-2: #eb827c;
  --color-3: #cfc04b;
  --color-4: #ded0ad;
  --color-5: #cdc8ab;
}

SCSS

$color-1: #9e7d6a;
$color-2: #eb827c;
$color-3: #cfc04b;
$color-4: #ded0ad;
$color-5: #cdc8ab;

TAILWIND

colors: {
  'brand-1': '#9e7d6a',
  'brand-2': '#eb827c',
  'brand-3': '#cfc04b',
  'brand-4': '#ded0ad',
  'brand-5': '#cdc8ab',
}

RGB Array

[158, 125, 106], [235, 130, 124], [207, 192, 75], [222, 208, 173], [205, 200, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9E7D6A, #EB827C, #CFC04B, #DED0AD, #CDC8AB 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: #9e7d6a; --color-2: #eb827c; --color-3: #cfc04b; --color-4: #ded0ad; --color-5: #cdc8ab. 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