#EC9794 + #94BCB1 + #D0CA74 + #E7D2BD + #EBBB71 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EC9794

Peach Pink · DarkSalmon · Coral Red

HEX

#EC9794

RGB

rgb(236, 151, 148)

HSL

hsl(2, 70%, 75%)

HSB

hsb(2, 37%, 93%)

CMYK

cmyk(0%, 36%, 37%, 7%)

Oklch

oklch(76.2% 0.103 22.0)

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

#94BCB1

Jade · DarkGray · Lake Green

HEX

#94BCB1

RGB

rgb(148, 188, 177)

HSL

hsl(163, 23%, 66%)

HSB

hsb(163, 21%, 74%)

CMYK

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

Oklch

oklch(76.3% 0.046 176.4)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#D0CA74

Fresh Green · BurlyWood · Sunflower

HEX

#D0CA74

RGB

rgb(208, 202, 116)

HSL

hsl(56, 49%, 64%)

HSB

hsb(56, 44%, 82%)

CMYK

cmyk(0%, 3%, 44%, 18%)

Oklch

oklch(82.5% 0.108 105.0)

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

#E7D2BD

Goose Yellow · Wheat · Peach Orange

HEX

#E7D2BD

RGB

rgb(231, 210, 189)

HSL

hsl(30, 47%, 82%)

HSB

hsb(30, 18%, 91%)

CMYK

cmyk(0%, 9%, 18%, 9%)

Oklch

oklch(87.5% 0.037 67.3)

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

#EBBB71

Ginger · BurlyWood · Warm Sun

HEX

#EBBB71

RGB

rgb(235, 187, 113)

HSL

hsl(36, 75%, 68%)

HSB

hsb(36, 52%, 92%)

CMYK

cmyk(0%, 20%, 52%, 8%)

Oklch

oklch(82.0% 0.107 77.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC9794

93E9EC

Analogous

EC93BC

EC9794

ECC293

Triadic

EC9794

93EC96

9693EC

Split-Comp.

EC9794

93ECC2

93BCEC

Tetradic

EC9794

BCEC93

93E9EC

C293EC

Contrast Matrix WCAG 2.1 Contrast

EC9794	94BCB1	D0CA74	E7D2BD	EBBB71
—	1.1 Fail	1.3 Fail	1.5 Fail	1.3 Fail
1.1 Fail	—	1.2 Fail	1.4 Fail	1.2 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.0 Fail
1.5 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.3 Fail	1.2 Fail	1.0 Fail	1.2 Fail	—

White BG

2.2Fail

2.1Fail

1.7Fail

1.5Fail

1.8Fail

Black BG

9.4AAA

10.1AAA

12.4AAA

14.4AAA

11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C695

A5A6B4

CDCD89

DEDEC2

D6D683

Deuteranopia

CCD395

A3A0B4

CECE8E

DFE1C3

D9DD87

Tritanopia

E89595

96B6B6

D0999D

E6C6C7

E99194

Achromatopsia

B0B0B0

AFAFAF

C2C2C2

D6D6D6

C1C1C1

Shades & Tints Shades & Tints

#EC9794

Dark

Light

#94BCB1

Dark

Light

#D0CA74

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec9794;
  --color-2: #94bcb1;
  --color-3: #d0ca74;
  --color-4: #e7d2bd;
  --color-5: #ebbb71;
}

SCSS

$color-1: #ec9794;
$color-2: #94bcb1;
$color-3: #d0ca74;
$color-4: #e7d2bd;
$color-5: #ebbb71;

TAILWIND

colors: {
  'brand-1': '#ec9794',
  'brand-2': '#94bcb1',
  'brand-3': '#d0ca74',
  'brand-4': '#e7d2bd',
  'brand-5': '#ebbb71',
}

RGB Array

[236, 151, 148], [148, 188, 177], [208, 202, 116], [231, 210, 189], [235, 187, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC9794, #94BCB1, #D0CA74, #E7D2BD, #EBBB71 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: #ec9794; --color-2: #94bcb1; --color-3: #d0ca74; --color-4: #e7d2bd; --color-5: #ebbb71. 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