#85BCA5 + #E2DCAC + #E4D15B + #DF9A79 + #EE7062 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#85BCA5

Jade · DarkSeaGreen · Apple Green

HEX

#85BCA5

RGB

rgb(133, 188, 165)

HSL

hsl(155, 29%, 63%)

HSB

hsb(155, 29%, 74%)

CMYK

cmyk(29%, 0%, 12%, 26%)

Oklch

oklch(75.0% 0.067 166.8)

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

#E2DCAC

Fresh Green · Wheat · Lemon Cream

HEX

#E2DCAC

RGB

rgb(226, 220, 172)

HSL

hsl(53, 48%, 78%)

HSB

hsb(53, 24%, 89%)

CMYK

cmyk(0%, 3%, 24%, 11%)

Oklch

oklch(88.7% 0.063 101.6)

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

#E4D15B

Fresh Green · SandyBrown · Sunflower

HEX

#E4D15B

RGB

rgb(228, 209, 91)

HSL

hsl(52, 72%, 63%)

HSB

hsb(52, 60%, 89%)

CMYK

cmyk(0%, 8%, 60%, 11%)

Oklch

oklch(85.4% 0.139 100.2)

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

#DF9A79

Apricot · DarkSalmon · Warm Sun

HEX

#DF9A79

RGB

rgb(223, 154, 121)

HSL

hsl(19, 61%, 67%)

HSB

hsb(19, 46%, 87%)

CMYK

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

Oklch

oklch(74.6% 0.095 46.4)

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

#EE7062

Peach Pink · Salmon · Coral Red

HEX

#EE7062

RGB

rgb(238, 112, 98)

HSL

hsl(6, 80%, 66%)

HSB

hsb(6, 59%, 93%)

CMYK

cmyk(0%, 53%, 59%, 7%)

Oklch

oklch(69.2% 0.158 28.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85BCA5

BC859C

Analogous

85BC8A

85BCA5

85B7BC

Triadic

85BCA5

A585BC

BCA585

Split-Comp.

85BCA5

BC85B7

BC8A85

Tetradic

85BCA5

8A85BC

BC859C

B7BC85

Contrast Matrix WCAG 2.1 Contrast

85BCA5	E2DCAC	E4D15B	DF9A79	EE7062
—	1.5 Fail	1.4 Fail	1.1 Fail	1.4 Fail
1.5 Fail	—	1.1 Fail	1.7 Fail	2.1 Fail
1.4 Fail	1.1 Fail	—	1.5 Fail	1.9 Fail
1.1 Fail	1.7 Fail	1.5 Fail	—	1.3 Fail
1.4 Fail	2.1 Fail	1.9 Fail	1.3 Fail	—

White BG

2.2Fail

1.4Fail

1.5Fail

2.3Fail

2.9Fail

Black BG

9.7AAA

15.1AAA

13.6AAA

9.0AAA

7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9DAB

DFDFB8

DCDC78

C1C181

B7B665

Deuteranopia

9A96AC

E0E0BA

DDDE7E

C5CA83

BFC866

Tritanopia

88AFB0

E2C1C3

E38E93

DC8789

E86869

Achromatopsia

A9A9A9

D8D8D8

C9C9C9

ABABAB

949494

Shades & Tints Shades & Tints

#85BCA5

Dark

Light

#E2DCAC

Dark

Light

#E4D15B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85bca5;
  --color-2: #e2dcac;
  --color-3: #e4d15b;
  --color-4: #df9a79;
  --color-5: #ee7062;
}

SCSS

$color-1: #85bca5;
$color-2: #e2dcac;
$color-3: #e4d15b;
$color-4: #df9a79;
$color-5: #ee7062;

TAILWIND

colors: {
  'brand-1': '#85bca5',
  'brand-2': '#e2dcac',
  'brand-3': '#e4d15b',
  'brand-4': '#df9a79',
  'brand-5': '#ee7062',
}

RGB Array

[133, 188, 165], [226, 220, 172], [228, 209, 91], [223, 154, 121], [238, 112, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85BCA5, #E2DCAC, #E4D15B, #DF9A79, #EE7062 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: #85bca5; --color-2: #e2dcac; --color-3: #e4d15b; --color-4: #df9a79; --color-5: #ee7062. 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