#E1D4C1 + #B4D1D7 + #C2A499 + #888164 + #DACE62 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E1D4C1

Goose Yellow · LightGray · Peach Orange

HEX

#E1D4C1

RGB

rgb(225, 212, 193)

HSL

hsl(36, 35%, 82%)

HSB

hsb(36, 14%, 88%)

CMYK

cmyk(0%, 6%, 14%, 12%)

Oklch

oklch(87.5% 0.029 77.5)

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

#B4D1D7

Sky Blue · LightSteelBlue · Glacier Blue

HEX

#B4D1D7

RGB

rgb(180, 209, 215)

HSL

hsl(190, 30%, 77%)

HSB

hsb(190, 16%, 84%)

CMYK

cmyk(16%, 3%, 0%, 16%)

Oklch

oklch(84.1% 0.032 211.6)

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

#C2A499

Apricot · Tan · Warm Sun

HEX

#C2A499

RGB

rgb(194, 164, 153)

HSL

hsl(16, 25%, 68%)

HSB

hsb(16, 21%, 76%)

CMYK

cmyk(0%, 15%, 21%, 24%)

Oklch

oklch(74.2% 0.039 41.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#888164

Ochre · Gray · Honey Gold

HEX

#888164

RGB

rgb(136, 129, 100)

HSL

hsl(48, 15%, 46%)

HSB

hsb(48, 26%, 53%)

CMYK

cmyk(0%, 5%, 26%, 47%)

Oklch

oklch(60.2% 0.043 96.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#DACE62

Fresh Green · BurlyWood · Sunflower

HEX

#DACE62

RGB

rgb(218, 206, 98)

HSL

hsl(54, 62%, 62%)

HSB

hsb(54, 55%, 85%)

CMYK

cmyk(0%, 6%, 55%, 15%)

Oklch

oklch(84.0% 0.130 103.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1D4C1

C1CEE1

Analogous

E1C4C1

E1D4C1

DEE1C1

Triadic

E1D4C1

C1E1D4

D4C1E1

Split-Comp.

E1D4C1

C1DEE1

C4C1E1

Tetradic

E1D4C1

C1E1C4

C1CEE1

E1C1DE

Contrast Matrix WCAG 2.1 Contrast

E1D4C1	B4D1D7	C2A499	888164	DACE62
—	1.1 Fail	1.6 Fail	2.7 Fail	1.1 Fail
1.1 Fail	—	1.4 Fail	2.4 Fail	1.0 Fail
1.6 Fail	1.4 Fail	—	1.7 Fail	1.4 Fail
2.7 Fail	2.4 Fail	1.7 Fail	—	2.4 Fail
1.1 Fail	1.0 Fail	1.4 Fail	2.4 Fail	—

White BG

1.5Fail

1.6Fail

2.3Fail

3.9AA Large

1.6Fail

Black BG

14.4AAA

13.0AAA

9.1AAA

5.4AA

13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBC6

C1C1D6

B5B59C

85856B

D5D57C

Deuteranopia

DCDDC7

BFBDD5

B7B99C

85866D

D6D682

Tritanopia

E0C9CA

B5D4D4

C09E9E

887172

D99195

Achromatopsia

D6D6D6

C9C9C9

ACACAC

808080

C5C5C5

Shades & Tints Shades & Tints

#E1D4C1

Dark

Light

#B4D1D7

Dark

Light

#C2A499

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1d4c1;
  --color-2: #b4d1d7;
  --color-3: #c2a499;
  --color-4: #888164;
  --color-5: #dace62;
}

SCSS

$color-1: #e1d4c1;
$color-2: #b4d1d7;
$color-3: #c2a499;
$color-4: #888164;
$color-5: #dace62;

TAILWIND

colors: {
  'brand-1': '#e1d4c1',
  'brand-2': '#b4d1d7',
  'brand-3': '#c2a499',
  'brand-4': '#888164',
  'brand-5': '#dace62',
}

RGB Array

[225, 212, 193], [180, 209, 215], [194, 164, 153], [136, 129, 100], [218, 206, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1D4C1, #B4D1D7, #C2A499, #888164, #DACE62 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: #e1d4c1; --color-2: #b4d1d7; --color-3: #c2a499; --color-4: #888164; --color-5: #dace62. 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