#E4E6C9 + #E6DAC6 + #D6C3B9 + #C2B48A + #B37883 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E4E6C9

Fresh Green · LightGray · Lemon Cream

HEX

#E4E6C9

RGB

rgb(228, 230, 201)

HSL

hsl(64, 37%, 85%)

HSB

hsb(64, 13%, 90%)

CMYK

cmyk(1%, 0%, 13%, 10%)

Oklch

oklch(91.6% 0.038 110.4)

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

#E6DAC6

Goose Yellow · LightGray · Peach Orange

HEX

#E6DAC6

RGB

rgb(230, 218, 198)

HSL

hsl(37, 39%, 84%)

HSB

hsb(37, 14%, 90%)

CMYK

cmyk(0%, 5%, 14%, 10%)

Oklch

oklch(89.3% 0.030 80.7)

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

#D6C3B9

Apricot · Silver · Peach Orange

HEX

#D6C3B9

RGB

rgb(214, 195, 185)

HSL

hsl(21, 26%, 78%)

HSB

hsb(21, 14%, 84%)

CMYK

cmyk(0%, 9%, 14%, 16%)

Oklch

oklch(83.0% 0.026 49.7)

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

#C2B48A

Ginger · Tan · Sunflower

HEX

#C2B48A

RGB

rgb(194, 180, 138)

HSL

hsl(45, 31%, 65%)

HSB

hsb(45, 29%, 76%)

CMYK

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

Oklch

oklch(77.1% 0.059 91.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B37883

Crimson · Gray · Passion Red

HEX

#B37883

RGB

rgb(179, 120, 131)

HSL

hsl(349, 28%, 59%)

HSB

hsb(349, 33%, 70%)

CMYK

cmyk(0%, 33%, 27%, 30%)

Oklch

oklch(63.7% 0.075 7.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4E6C9

CCCBE7

Analogous

E7DBCB

E4E6C9

D7E7CB

Triadic

E4E6C9

CBE5E7

E7CBE5

Split-Comp.

E4E6C9

CBD7E7

DBCBE7

Tetradic

E4E6C9

CBE7DB

CCCBE7

E7CBD7

Contrast Matrix WCAG 2.1 Contrast

E4E6C9	E6DAC6	D6C3B9	C2B48A	B37883
—	1.1 Fail	1.3 Fail	1.6 Fail	2.8 Fail
1.1 Fail	—	1.2 Fail	1.5 Fail	2.6 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	2.1 Fail
1.6 Fail	1.5 Fail	1.2 Fail	—	1.7 Fail
2.8 Fail	2.6 Fail	2.1 Fail	1.7 Fail	—

White BG

1.3Fail

1.4Fail

1.7Fail

2.1Fail

3.5AA Large

Black BG

16.5AAA

15.2AAA

12.4AAA

10.2AAA

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5D0

E1E1CB

CECEBB

BCBC94

999980

Deuteranopia

E5E5D2

E2E2CC

CFD0BC

BDBE97

9DA180

Tritanopia

E4D6D7

E5CFD0

D5BDBE

C19C9E

B07E7E

Achromatopsia

E2E2E2

DBDBDB

C8C8C8

B3B3B3

8B8B8B

Shades & Tints Shades & Tints

#E4E6C9

Dark

Light

#E6DAC6

Dark

Light

#D6C3B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4e6c9;
  --color-2: #e6dac6;
  --color-3: #d6c3b9;
  --color-4: #c2b48a;
  --color-5: #b37883;
}

SCSS

$color-1: #e4e6c9;
$color-2: #e6dac6;
$color-3: #d6c3b9;
$color-4: #c2b48a;
$color-5: #b37883;

TAILWIND

colors: {
  'brand-1': '#e4e6c9',
  'brand-2': '#e6dac6',
  'brand-3': '#d6c3b9',
  'brand-4': '#c2b48a',
  'brand-5': '#b37883',
}

RGB Array

[228, 230, 201], [230, 218, 198], [214, 195, 185], [194, 180, 138], [179, 120, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E4E6C9, #E6DAC6, #D6C3B9, #C2B48A, #B37883 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: #e4e6c9; --color-2: #e6dac6; --color-3: #d6c3b9; --color-4: #c2b48a; --color-5: #b37883. 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