#EEC994 + #D4DDDC + #FFE6CD + #E5B3B2 + #B99BA7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EEC994

Goose Yellow · BurlyWood · Peach Orange

HEX

#EEC994

RGB

rgb(238, 201, 148)

HSL

hsl(35, 73%, 76%)

HSB

hsb(35, 38%, 93%)

CMYK

cmyk(0%, 16%, 38%, 7%)

Oklch

oklch(85.5% 0.080 76.3)

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

#D4DDDC

Jade · LightGray · Glacier Blue

HEX

#D4DDDC

RGB

rgb(212, 221, 220)

HSL

hsl(173, 12%, 85%)

HSB

hsb(173, 4%, 87%)

CMYK

cmyk(4%, 0%, 0%, 13%)

Oklch

oklch(89.0% 0.010 189.0)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#FFE6CD

Goose Yellow · Bisque · Peach Orange

HEX

#FFE6CD

RGB

rgb(255, 230, 205)

HSL

hsl(30, 100%, 90%)

HSB

hsb(30, 20%, 100%)

CMYK

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

Oklch

oklch(93.9% 0.043 67.3)

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

#E5B3B2

Peach Pink · LightPink · Coral Red

HEX

#E5B3B2

RGB

rgb(229, 179, 178)

HSL

hsl(1, 50%, 80%)

HSB

hsb(1, 22%, 90%)

CMYK

cmyk(0%, 22%, 22%, 10%)

Oklch

oklch(81.2% 0.058 19.8)

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

#B99BA7

Rouge · DarkGray · Rose Pink

HEX

#B99BA7

RGB

rgb(185, 155, 167)

HSL

hsl(336, 18%, 67%)

HSB

hsb(336, 16%, 73%)

CMYK

cmyk(0%, 16%, 10%, 27%)

Oklch

oklch(72.0% 0.039 352.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEC994

95BAEE

Analogous

EE9D95

EEC994

E7EE95

Triadic

EEC994

95EEC9

C995EE

Split-Comp.

EEC994

95E7EE

9D95EE

Tetradic

EEC994

95EE9D

95BAEE

EE95E7

Contrast Matrix WCAG 2.1 Contrast

EEC994	D4DDDC	FFE6CD	E5B3B2	B99BA7
—	1.1 Fail	1.3 Fail	1.2 Fail	1.6 Fail
1.1 Fail	—	1.2 Fail	1.3 Fail	1.8 Fail
1.3 Fail	1.2 Fail	—	1.5 Fail	2.1 Fail
1.2 Fail	1.3 Fail	1.5 Fail	—	1.4 Fail
1.6 Fail	1.8 Fail	2.1 Fail	1.4 Fail	—

White BG

1.6Fail

1.4Fail

1.2Fail

1.8Fail

2.5Fail

Black BG

13.4AAA

15.2AAA

17.5AAA

11.4AAA

8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEA1

D8D8DC

F4F4D3

CFCFB2

ACACA4

Deuteranopia

E0E3A4

D7D7DC

F6F8D5

D2D6B2

AEB0A3

Tritanopia

ECABAD

D4DCDC

FED8D9

E2B2B2

B8A2A1

Achromatopsia

CECECE

DADADA

EBEBEB

C2C2C2

A5A5A5

Shades & Tints Shades & Tints

#EEC994

Dark

Light

#D4DDDC

Dark

Light

#FFE6CD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eec994;
  --color-2: #d4dddc;
  --color-3: #ffe6cd;
  --color-4: #e5b3b2;
  --color-5: #b99ba7;
}

SCSS

$color-1: #eec994;
$color-2: #d4dddc;
$color-3: #ffe6cd;
$color-4: #e5b3b2;
$color-5: #b99ba7;

TAILWIND

colors: {
  'brand-1': '#eec994',
  'brand-2': '#d4dddc',
  'brand-3': '#ffe6cd',
  'brand-4': '#e5b3b2',
  'brand-5': '#b99ba7',
}

RGB Array

[238, 201, 148], [212, 221, 220], [255, 230, 205], [229, 179, 178], [185, 155, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEC994, #D4DDDC, #FFE6CD, #E5B3B2, #B99BA7 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: #eec994; --color-2: #d4dddc; --color-3: #ffe6cd; --color-4: #e5b3b2; --color-5: #b99ba7. 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