#E9C98C + #E7A076 + #C57457 + #8B946E + #9CB29A · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E9C98C

Goose Yellow · BurlyWood · Warm Sun

HEX

#E9C98C

RGB

rgb(233, 201, 140)

HSL

hsl(39, 68%, 73%)

HSB

hsb(39, 40%, 91%)

CMYK

cmyk(0%, 14%, 40%, 9%)

Oklch

oklch(84.9% 0.086 83.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E7A076

Apricot · DarkSalmon · Warm Sun

HEX

#E7A076

RGB

rgb(231, 160, 118)

HSL

hsl(22, 70%, 68%)

HSB

hsb(22, 49%, 91%)

CMYK

cmyk(0%, 31%, 49%, 9%)

Oklch

oklch(76.5% 0.102 51.3)

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

#C57457

Tangerine · Coral · Warm Sun

HEX

#C57457

RGB

rgb(197, 116, 87)

HSL

hsl(16, 49%, 56%)

HSB

hsb(16, 56%, 77%)

CMYK

cmyk(0%, 41%, 56%, 23%)

Oklch

oklch(64.1% 0.111 40.3)

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

#8B946E

Grass Green · Gray · Olive Green

HEX

#8B946E

RGB

rgb(139, 148, 110)

HSL

hsl(74, 15%, 51%)

HSB

hsb(74, 26%, 58%)

CMYK

cmyk(6%, 0%, 26%, 42%)

Oklch

oklch(64.9% 0.055 118.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#9CB29A

Celadon · DarkSeaGreen · Apple Green

HEX

#9CB29A

RGB

rgb(156, 178, 154)

HSL

hsl(115, 13%, 65%)

HSB

hsb(115, 13%, 70%)

CMYK

cmyk(12%, 0%, 13%, 30%)

Oklch

oklch(74.0% 0.042 142.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9C98C

8BACE9

Analogous

E9998B

E9C98C

DBE98B

Triadic

E9C98C

8BE9C8

C88BE9

Split-Comp.

E9C98C

8BDBE9

998BE9

Tetradic

E9C98C

8BE999

8BACE9

E98BDB

Contrast Matrix WCAG 2.1 Contrast

E9C98C	E7A076	C57457	8B946E	9CB29A
—	1.4 Fail	2.2 Fail	2.0 Fail	1.4 Fail
1.4 Fail	—	1.6 Fail	1.5 Fail	1.0 Fail
2.2 Fail	1.6 Fail	—	1.1 Fail	1.5 Fail
2.0 Fail	1.5 Fail	1.1 Fail	—	1.4 Fail
1.4 Fail	1.0 Fail	1.5 Fail	1.4 Fail	—

White BG

1.6Fail

2.2Fail

3.5AA Large

3.2AA Large

2.3Fail

Black BG

13.2AAA

9.7AAA

6.0AA

6.6AA

9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDB9B

C8C880

A2A15E

8F8F77

A6A6A0

Deuteranopia

DDDF9E

CCD283

A7AD60

8E8E79

A4A3A1

Tritanopia

E7A6A9

E3888A

C16465

8B7E80

9DA4A5

Achromatopsia

CCCCCC

B0B0B0

898989

8D8D8D

A9A9A9

Shades & Tints Shades & Tints

#E9C98C

Dark

Light

#E7A076

Dark

Light

#C57457

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9c98c;
  --color-2: #e7a076;
  --color-3: #c57457;
  --color-4: #8b946e;
  --color-5: #9cb29a;
}

SCSS

$color-1: #e9c98c;
$color-2: #e7a076;
$color-3: #c57457;
$color-4: #8b946e;
$color-5: #9cb29a;

TAILWIND

colors: {
  'brand-1': '#e9c98c',
  'brand-2': '#e7a076',
  'brand-3': '#c57457',
  'brand-4': '#8b946e',
  'brand-5': '#9cb29a',
}

RGB Array

[233, 201, 140], [231, 160, 118], [197, 116, 87], [139, 148, 110], [156, 178, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E9C98C, #E7A076, #C57457, #8B946E, #9CB29A is ideal for: corporate websites, product showcases, portfolios. 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: #e9c98c; --color-2: #e7a076; --color-3: #c57457; --color-4: #8b946e; --color-5: #9cb29a. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 pastel-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