#E0CBC5 + #D0C792 + #ECB396 + #9BCCBE + #708D88 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0CBC5

Peach Pink · LightGray · Cherry Blossom

HEX

#E0CBC5

RGB

rgb(224, 203, 197)

HSL

hsl(13, 30%, 83%)

HSB

hsb(13, 12%, 88%)

CMYK

cmyk(0%, 9%, 12%, 12%)

Oklch

oklch(85.8% 0.025 36.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D0C792

Fresh Green · Tan · Sunflower

HEX

#D0C792

RGB

rgb(208, 199, 146)

HSL

hsl(51, 40%, 69%)

HSB

hsb(51, 30%, 82%)

CMYK

cmyk(0%, 4%, 30%, 18%)

Oklch

oklch(82.4% 0.071 99.6)

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

#ECB396

Apricot · BurlyWood · Peach Orange

HEX

#ECB396

RGB

rgb(236, 179, 150)

HSL

hsl(20, 69%, 76%)

HSB

hsb(20, 36%, 93%)

CMYK

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

Oklch

oklch(81.2% 0.078 48.2)

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

#9BCCBE

Jade · Silver · Lake Green

HEX

#9BCCBE

RGB

rgb(155, 204, 190)

HSL

hsl(163, 32%, 70%)

HSB

hsb(163, 24%, 80%)

CMYK

cmyk(24%, 0%, 7%, 20%)

Oklch

oklch(80.7% 0.055 175.4)

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

#708D88

Mineral Blue · SlateGray · Mint Ice

HEX

#708D88

RGB

rgb(112, 141, 136)

HSL

hsl(170, 11%, 50%)

HSB

hsb(170, 21%, 55%)

CMYK

cmyk(21%, 0%, 4%, 45%)

Oklch

oklch(62.0% 0.034 183.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0CBC5

C7DBE1

Analogous

E1C7CE

E0CBC5

E1D9C7

Triadic

E0CBC5

C7E1CC

CCC7E1

Split-Comp.

E0CBC5

C7E1D9

C7CEE1

Tetradic

E0CBC5

CEE1C7

C7DBE1

D9C7E1

Contrast Matrix WCAG 2.1 Contrast

E0CBC5	D0C792	ECB396	9BCCBE	708D88
—	1.1 Fail	1.2 Fail	1.1 Fail	2.3 Fail
1.1 Fail	—	1.1 Fail	1.0 Fail	2.1 Fail
1.2 Fail	1.1 Fail	—	1.0 Fail	2.0 Fail
1.1 Fail	1.0 Fail	1.0 Fail	—	2.0 Fail
2.3 Fail	2.1 Fail	2.0 Fail	2.0 Fail	—

White BG

1.6Fail

1.7Fail

1.8Fail

3.6AA Large

Black BG

13.5AAA

12.3AAA

11.5AAA

11.8AAA

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7C6

CCCC9F

D3D39D

B0B1C1

7D7D89

Deuteranopia

D8DAC7

CDCDA2

D7DB9F

ADAAC2

7B798A

Tritanopia

DFC8C8

D0A9AB

E9A3A4

9DC4C5

718A8A

Achromatopsia

D1D1D1

C4C4C4

C1C1C1

BCBCBC

848484

Shades & Tints Shades & Tints

#E0CBC5

Dark

Light

#D0C792

Dark

Light

#ECB396

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0cbc5;
  --color-2: #d0c792;
  --color-3: #ecb396;
  --color-4: #9bccbe;
  --color-5: #708d88;
}

SCSS

$color-1: #e0cbc5;
$color-2: #d0c792;
$color-3: #ecb396;
$color-4: #9bccbe;
$color-5: #708d88;

TAILWIND

colors: {
  'brand-1': '#e0cbc5',
  'brand-2': '#d0c792',
  'brand-3': '#ecb396',
  'brand-4': '#9bccbe',
  'brand-5': '#708d88',
}

RGB Array

[224, 203, 197], [208, 199, 146], [236, 179, 150], [155, 204, 190], [112, 141, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0CBC5, #D0C792, #ECB396, #9BCCBE, #708D88 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: #e0cbc5; --color-2: #d0c792; --color-3: #ecb396; --color-4: #9bccbe; --color-5: #708d88. 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