#EE8E74 + #FFCC9F + #E9E1B8 + #BFB58B + #788B8B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EE8E74

Peach Pink · DarkSalmon · Coral Red

HEX

#EE8E74

RGB

rgb(238, 142, 116)

HSL

hsl(13, 78%, 69%)

HSB

hsb(13, 51%, 93%)

CMYK

cmyk(0%, 40%, 51%, 7%)

Oklch

oklch(74.2% 0.123 36.0)

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

#FFCC9F

Apricot · Wheat · Peach Orange

HEX

#FFCC9F

RGB

rgb(255, 204, 159)

HSL

hsl(28, 100%, 81%)

HSB

hsb(28, 38%, 100%)

CMYK

cmyk(0%, 20%, 38%, 0%)

Oklch

oklch(87.9% 0.082 62.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E9E1B8

Fresh Green · Wheat · Lemon Cream

HEX

#E9E1B8

RGB

rgb(233, 225, 184)

HSL

hsl(50, 53%, 82%)

HSB

hsb(50, 21%, 91%)

CMYK

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

Oklch

oklch(90.6% 0.054 98.2)

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

#BFB58B

Ginger · Tan · Sunflower

HEX

#BFB58B

RGB

rgb(191, 181, 139)

HSL

hsl(48, 29%, 65%)

HSB

hsb(48, 27%, 75%)

CMYK

cmyk(0%, 5%, 27%, 25%)

Oklch

oklch(77.1% 0.058 96.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#788B8B

Slate Blue · LightSlateGray · Warm Gray

HEX

#788B8B

RGB

rgb(120, 139, 139)

HSL

hsl(180, 8%, 51%)

HSB

hsb(180, 14%, 55%)

CMYK

cmyk(14%, 0%, 0%, 45%)

Oklch

oklch(62.2% 0.022 196.6)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE8E74

72D3EE

Analogous

EE7295

EE8E74

EECB72

Triadic

EE8E74

72EE8D

8D72EE

Split-Comp.

EE8E74

72EECB

7295EE

Tetradic

EE8E74

95EE72

72D3EE

CB72EE

Contrast Matrix WCAG 2.1 Contrast

EE8E74	FFCC9F	E9E1B8	BFB58B	788B8B
—	1.6 Fail	1.8 Fail	1.2 Fail	1.5 Fail
1.6 Fail	—	1.1 Fail	1.4 Fail	2.5 Fail
1.8 Fail	1.1 Fail	—	1.6 Fail	2.7 Fail
1.2 Fail	1.4 Fail	1.6 Fail	—	1.7 Fail
1.5 Fail	2.5 Fail	2.7 Fail	1.7 Fail	—

White BG

2.4Fail

1.5Fail

1.3Fail

2.1Fail

3.6AA Large

Black BG

8.8AAA

14.4AAA

15.9AAA

10.2AAA

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C47A

E9E8AA

E6E5C2

BBBB95

80808B

Deuteranopia

CAD17C

ECF0AD

E6E7C4

BBBC98

7F7E8B

Tritanopia

E97F80

FCB2B4

E9CACB

BF9D9F

798B8B

Achromatopsia

A8A8A8

D6D6D6

DFDFDF

B3B3B3

858585

Shades & Tints Shades & Tints

#EE8E74

Dark

Light

#FFCC9F

Dark

Light

#E9E1B8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee8e74;
  --color-2: #ffcc9f;
  --color-3: #e9e1b8;
  --color-4: #bfb58b;
  --color-5: #788b8b;
}

SCSS

$color-1: #ee8e74;
$color-2: #ffcc9f;
$color-3: #e9e1b8;
$color-4: #bfb58b;
$color-5: #788b8b;

TAILWIND

colors: {
  'brand-1': '#ee8e74',
  'brand-2': '#ffcc9f',
  'brand-3': '#e9e1b8',
  'brand-4': '#bfb58b',
  'brand-5': '#788b8b',
}

RGB Array

[238, 142, 116], [255, 204, 159], [233, 225, 184], [191, 181, 139], [120, 139, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EE8E74, #FFCC9F, #E9E1B8, #BFB58B, #788B8B 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: #ee8e74; --color-2: #ffcc9f; --color-3: #e9e1b8; --color-4: #bfb58b; --color-5: #788b8b. 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