#E5DDB6 + #D3CFA9 + #D2C45B + #E1A84F + #7E9D95 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E5DDB6

Fresh Green · Wheat · Lemon Cream

HEX

#E5DDB6

RGB

rgb(229, 221, 182)

HSL

hsl(50, 47%, 81%)

HSB

hsb(50, 21%, 90%)

CMYK

cmyk(0%, 3%, 21%, 10%)

Oklch

oklch(89.4% 0.052 97.7)

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

#D3CFA9

Fresh Green · Silver · Sunflower

HEX

#D3CFA9

RGB

rgb(211, 207, 169)

HSL

hsl(54, 32%, 75%)

HSB

hsb(54, 20%, 83%)

CMYK

cmyk(0%, 2%, 20%, 17%)

Oklch

oklch(84.8% 0.051 102.4)

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

#D2C45B

Autumn Sage · SandyBrown · Sunflower

HEX

#D2C45B

RGB

rgb(210, 196, 91)

HSL

hsl(53, 57%, 59%)

HSB

hsb(53, 57%, 82%)

CMYK

cmyk(0%, 7%, 57%, 18%)

Oklch

oklch(81.1% 0.127 101.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E1A84F

Ginger · SandyBrown · Warm Sun

HEX

#E1A84F

RGB

rgb(225, 168, 79)

HSL

hsl(37, 71%, 60%)

HSB

hsb(37, 65%, 88%)

CMYK

cmyk(0%, 25%, 65%, 12%)

Oklch

oklch(76.8% 0.125 76.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#7E9D95

Mineral Blue · LightSlateGray · Lake Green

HEX

#7E9D95

RGB

rgb(126, 157, 149)

HSL

hsl(165, 14%, 55%)

HSB

hsb(165, 20%, 62%)

CMYK

cmyk(20%, 0%, 5%, 38%)

Oklch

oklch(67.0% 0.036 177.7)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5DDB6

B8BFE5

Analogous

E5C7B8

E5DDB6

D6E5B8

Triadic

E5DDB6

B8E5DE

DEB8E5

Split-Comp.

E5DDB6

B8D6E5

C7B8E5

Tetradic

E5DDB6

B8E5C7

B8BFE5

E5B8D6

Contrast Matrix WCAG 2.1 Contrast

E5DDB6	D3CFA9	D2C45B	E1A84F	7E9D95
—	1.2 Fail	1.3 Fail	1.5 Fail	2.1 Fail
1.2 Fail	—	1.1 Fail	1.3 Fail	1.9 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.6 Fail
1.5 Fail	1.3 Fail	1.2 Fail	—	1.4 Fail
2.1 Fail	1.9 Fail	1.6 Fail	1.4 Fail	—

White BG

1.4Fail

1.6Fail

1.8Fail

2.1Fail

2.9Fail

Black BG

15.3AAA

13.3AAA

11.8AAA

9.9AAA

7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E1BF

D1D1B2

CCCC74

C8C865

8B8C97

Deuteranopia

E2E3C2

D2D2B4

CDCE7B

CCD06A

8A8797

Tritanopia

E5C7C9

D3B9BB

D1888D

DE7679

809899

Achromatopsia

DBDBDB

CCCCCC

BCBCBC

AFAFAF

939393

Shades & Tints Shades & Tints

#E5DDB6

Dark

Light

#D3CFA9

Dark

Light

#D2C45B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5ddb6;
  --color-2: #d3cfa9;
  --color-3: #d2c45b;
  --color-4: #e1a84f;
  --color-5: #7e9d95;
}

SCSS

$color-1: #e5ddb6;
$color-2: #d3cfa9;
$color-3: #d2c45b;
$color-4: #e1a84f;
$color-5: #7e9d95;

TAILWIND

colors: {
  'brand-1': '#e5ddb6',
  'brand-2': '#d3cfa9',
  'brand-3': '#d2c45b',
  'brand-4': '#e1a84f',
  'brand-5': '#7e9d95',
}

RGB Array

[229, 221, 182], [211, 207, 169], [210, 196, 91], [225, 168, 79], [126, 157, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5DDB6, #D3CFA9, #D2C45B, #E1A84F, #7E9D95 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: #e5ddb6; --color-2: #d3cfa9; --color-3: #d2c45b; --color-4: #e1a84f; --color-5: #7e9d95. 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