#E6DE97 + #C9C861 + #B09999 + #D79C7F + #FF9D82 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6DE97

Fresh Green · Khaki · Sunflower

HEX

#E6DE97

RGB

rgb(230, 222, 151)

HSL

hsl(54, 61%, 75%)

HSB

hsb(54, 34%, 90%)

CMYK

cmyk(0%, 3%, 34%, 10%)

Oklch

oklch(89.1% 0.091 102.6)

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

#C9C861

Autumn Sage · BurlyWood · Sunflower

HEX

#C9C861

RGB

rgb(201, 200, 97)

HSL

hsl(59, 49%, 58%)

HSB

hsb(59, 52%, 79%)

CMYK

cmyk(0%, 0%, 52%, 21%)

Oklch

oklch(81.3% 0.126 108.4)

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

#B09999

Peach Pink · DarkGray · Coral Red

HEX

#B09999

RGB

rgb(176, 153, 153)

HSL

hsl(0, 13%, 65%)

HSB

hsb(0, 13%, 69%)

CMYK

cmyk(0%, 13%, 13%, 31%)

Oklch

oklch(70.3% 0.027 17.8)

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

#D79C7F

Apricot · DarkSalmon · Warm Sun

HEX

#D79C7F

RGB

rgb(215, 156, 127)

HSL

hsl(20, 52%, 67%)

HSB

hsb(20, 41%, 84%)

CMYK

cmyk(0%, 27%, 41%, 16%)

Oklch

oklch(74.2% 0.082 47.2)

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

#FF9D82

Peach Pink · LightSalmon · Coral Red

HEX

#FF9D82

RGB

rgb(255, 157, 130)

HSL

hsl(13, 100%, 75%)

HSB

hsb(13, 49%, 100%)

CMYK

cmyk(0%, 38%, 49%, 0%)

Oklch

oklch(79.0% 0.124 36.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6DE97

98A0E6

Analogous

E6B798

E6DE97

C7E698

Triadic

E6DE97

98E6DE

DE98E6

Split-Comp.

E6DE97

98C7E6

B798E6

Tetradic

E6DE97

98E6B7

98A0E6

E698C7

Contrast Matrix WCAG 2.1 Contrast

E6DE97	C9C861	B09999	D79C7F	FF9D82
—	1.3 Fail	1.9 Fail	1.7 Fail	1.5 Fail
1.3 Fail	—	1.5 Fail	1.3 Fail	1.1 Fail
1.9 Fail	1.5 Fail	—	1.1 Fail	1.3 Fail
1.7 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
1.5 Fail	1.1 Fail	1.3 Fail	1.2 Fail	—

White BG

1.4Fail

1.8Fail

2.7Fail

2.3Fail

2.0Fail

Black BG

15.3AAA

11.9AAA

7.9AAA

9.0AAA

10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E2A8

C9C97A

A6A699

BDBD86

D5D489

Deuteranopia

E3E4AC

C9C980

A7A999

C1C588

DAE28A

Tritanopia

E6B6B9

C98E92

AF9999

D48C8D

FA8E8F

Achromatopsia

D8D8D8

BDBDBD

A0A0A0

AAAAAA

B7B7B7

Shades & Tints Shades & Tints

#E6DE97

Dark

Light

#C9C861

Dark

Light

#B09999

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6de97;
  --color-2: #c9c861;
  --color-3: #b09999;
  --color-4: #d79c7f;
  --color-5: #ff9d82;
}

SCSS

$color-1: #e6de97;
$color-2: #c9c861;
$color-3: #b09999;
$color-4: #d79c7f;
$color-5: #ff9d82;

TAILWIND

colors: {
  'brand-1': '#e6de97',
  'brand-2': '#c9c861',
  'brand-3': '#b09999',
  'brand-4': '#d79c7f',
  'brand-5': '#ff9d82',
}

RGB Array

[230, 222, 151], [201, 200, 97], [176, 153, 153], [215, 156, 127], [255, 157, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6DE97, #C9C861, #B09999, #D79C7F, #FF9D82 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: #e6de97; --color-2: #c9c861; --color-3: #b09999; --color-4: #d79c7f; --color-5: #ff9d82. 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