#EBC8B0 + #EBD7B0 + #E1EBB0 + #B0EBC8 + #91E3DB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBC8B0

Apricot · Wheat · Peach Orange

HEX

#EBC8B0

RGB

rgb(235, 200, 176)

HSL

hsl(24, 60%, 81%)

HSB

hsb(24, 25%, 92%)

CMYK

cmyk(0%, 15%, 25%, 8%)

Oklch

oklch(85.7% 0.051 56.4)

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

#EBD7B0

Goose Yellow · Wheat · Lemon Cream

HEX

#EBD7B0

RGB

rgb(235, 215, 176)

HSL

hsl(40, 60%, 81%)

HSB

hsb(40, 25%, 92%)

CMYK

cmyk(0%, 9%, 25%, 8%)

Oklch

oklch(88.6% 0.056 84.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E1EBB0

Willow Green · Wheat · Mint Green

HEX

#E1EBB0

RGB

rgb(225, 235, 176)

HSL

hsl(70, 60%, 81%)

HSB

hsb(70, 25%, 92%)

CMYK

cmyk(4%, 0%, 25%, 8%)

Oklch

oklch(91.8% 0.077 115.8)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#B0EBC8

Emerald · LightBlue · Mint Green

HEX

#B0EBC8

RGB

rgb(176, 235, 200)

HSL

hsl(144, 60%, 81%)

HSB

hsb(144, 25%, 92%)

CMYK

cmyk(25%, 0%, 15%, 8%)

Oklch

oklch(89.0% 0.077 158.4)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#91E3DB

Jade · SkyBlue · Lake Green

HEX

#91E3DB

RGB

rgb(145, 227, 219)

HSL

hsl(174, 59%, 73%)

HSB

hsb(174, 36%, 89%)

CMYK

cmyk(36%, 0%, 4%, 11%)

Oklch

oklch(86.1% 0.081 187.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBC8B0

B1D4EC

Analogous

ECB1B7

EBC8B0

ECE6B1

Triadic

EBC8B0

B1ECC9

C9B1EC

Split-Comp.

EBC8B0

B1ECE6

B1B7EC

Tetradic

EBC8B0

B7ECB1

B1D4EC

E6B1EC

Contrast Matrix WCAG 2.1 Contrast

EBC8B0	EBD7B0	E1EBB0	B0EBC8	91E3DB
—	1.1 Fail	1.2 Fail	1.2 Fail	1.1 Fail
1.1 Fail	—	1.1 Fail	1.0 Fail	1.0 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.2 Fail	1.0 Fail	1.1 Fail	—	1.1 Fail
1.1 Fail	1.0 Fail	1.2 Fail	1.1 Fail	—

White BG

1.6Fail

1.4Fail

1.3Fail

1.5Fail

Black BG

13.4AAA

14.9AAA

16.7AAA

15.6AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCB6

E2E2B9

E5E5BE

CACAD0

B5B5DD

Deuteranopia

DEE1B7

E4E5BC

E5E4C2

C6C2D3

B0AADD

Tritanopia

E9BABB

EAC1C3

E2CACC

B3D7D9

95DEDF

Achromatopsia

D0D0D0

D9D9D9

E1E1E1

D5D5D5

CACACA

Shades & Tints Shades & Tints

#EBC8B0

Dark

Light

#EBD7B0

Dark

Light

#E1EBB0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebc8b0;
  --color-2: #ebd7b0;
  --color-3: #e1ebb0;
  --color-4: #b0ebc8;
  --color-5: #91e3db;
}

SCSS

$color-1: #ebc8b0;
$color-2: #ebd7b0;
$color-3: #e1ebb0;
$color-4: #b0ebc8;
$color-5: #91e3db;

TAILWIND

colors: {
  'brand-1': '#ebc8b0',
  'brand-2': '#ebd7b0',
  'brand-3': '#e1ebb0',
  'brand-4': '#b0ebc8',
  'brand-5': '#91e3db',
}

RGB Array

[235, 200, 176], [235, 215, 176], [225, 235, 176], [176, 235, 200], [145, 227, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBC8B0, #EBD7B0, #E1EBB0, #B0EBC8, #91E3DB 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: #ebc8b0; --color-2: #ebd7b0; --color-3: #e1ebb0; --color-4: #b0ebc8; --color-5: #91e3db. 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