#EADACC + #EBD3BC + #E4C7BD + #C0C9C6 + #B9D1C1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EADACC

Apricot · Bisque · Peach Orange

HEX

#EADACC

RGB

rgb(234, 218, 204)

HSL

hsl(28, 42%, 86%)

HSB

hsb(28, 13%, 92%)

CMYK

cmyk(0%, 7%, 13%, 8%)

Oklch

oklch(89.7% 0.026 63.7)

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

#EBD3BC

Apricot · Wheat · Peach Orange

HEX

#EBD3BC

RGB

rgb(235, 211, 188)

HSL

hsl(29, 54%, 83%)

HSB

hsb(29, 20%, 92%)

CMYK

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

Oklch

oklch(88.1% 0.041 66.1)

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

#E4C7BD

Apricot · LightGray · Peach Orange

HEX

#E4C7BD

RGB

rgb(228, 199, 189)

HSL

hsl(15, 42%, 82%)

HSB

hsb(15, 17%, 89%)

CMYK

cmyk(0%, 13%, 17%, 11%)

Oklch

oklch(85.1% 0.036 40.0)

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

#C0C9C6

Jade · Silver · Pearl Gray

HEX

#C0C9C6

RGB

rgb(192, 201, 198)

HSL

hsl(160, 8%, 77%)

HSB

hsb(160, 4%, 79%)

CMYK

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

Oklch

oklch(82.8% 0.011 174.2)

Traditional「Jade」· Paint「Pearl Gray」· Creative Silver Lining

#B9D1C1

Celadon · Silver · Apple Green

HEX

#B9D1C1

RGB

rgb(185, 209, 193)

HSL

hsl(140, 21%, 77%)

HSB

hsb(140, 11%, 82%)

CMYK

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

Oklch

oklch(83.8% 0.034 156.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EADACC

CCDCEA

Analogous

EACCCD

EADACC

EAE9CC

Triadic

EADACC

CCEADA

DACCEA

Split-Comp.

EADACC

CCEAE9

CCCDEA

Tetradic

EADACC

CDEACC

CCDCEA

E9CCEA

Contrast Matrix WCAG 2.1 Contrast

EADACC	EBD3BC	E4C7BD	C0C9C6	B9D1C1
—	1.1 Fail	1.2 Fail	1.2 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.1 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.0 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.2 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

1.4Fail

1.6Fail

1.7Fail

1.6Fail

Black BG

15.4AAA

14.6AAA

13.2AAA

12.4AAA

13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3CF

E1E0C2

D7D7BF

C4C4C7

C3C4C5

Deuteranopia

E4E5D0

E2E4C3

D9DBC0

C3C3C7

C2C0C6

Tritanopia

E9D2D3

EAC6C7

E3C1C2

C0C7C7

BAC8C9

Achromatopsia

DDDDDD

D8D8D8

CFCFCF

C6C6C6

C8C8C8

Shades & Tints Shades & Tints

#EADACC

Dark

Light

#EBD3BC

Dark

Light

#E4C7BD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eadacc;
  --color-2: #ebd3bc;
  --color-3: #e4c7bd;
  --color-4: #c0c9c6;
  --color-5: #b9d1c1;
}

SCSS

$color-1: #eadacc;
$color-2: #ebd3bc;
$color-3: #e4c7bd;
$color-4: #c0c9c6;
$color-5: #b9d1c1;

TAILWIND

colors: {
  'brand-1': '#eadacc',
  'brand-2': '#ebd3bc',
  'brand-3': '#e4c7bd',
  'brand-4': '#c0c9c6',
  'brand-5': '#b9d1c1',
}

RGB Array

[234, 218, 204], [235, 211, 188], [228, 199, 189], [192, 201, 198], [185, 209, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EADACC, #EBD3BC, #E4C7BD, #C0C9C6, #B9D1C1 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: #eadacc; --color-2: #ebd3bc; --color-3: #e4c7bd; --color-4: #c0c9c6; --color-5: #b9d1c1. 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