#DB9F85 + #E2C3A4 + #F4EBCC + #E5DEC1 + #B1AC8E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DB9F85

Apricot · DarkSalmon · Warm Sun

HEX

#DB9F85

RGB

rgb(219, 159, 133)

HSL

hsl(18, 54%, 69%)

HSB

hsb(18, 39%, 86%)

CMYK

cmyk(0%, 27%, 39%, 14%)

Oklch

oklch(75.3% 0.081 44.4)

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

#E2C3A4

Goose Yellow · BurlyWood · Peach Orange

HEX

#E2C3A4

RGB

rgb(226, 195, 164)

HSL

hsl(30, 52%, 76%)

HSB

hsb(30, 27%, 89%)

CMYK

cmyk(0%, 14%, 27%, 11%)

Oklch

oklch(83.6% 0.055 67.0)

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

#F4EBCC

Goose Yellow · Bisque · Lemon Cream

HEX

#F4EBCC

RGB

rgb(244, 235, 204)

HSL

hsl(46, 65%, 88%)

HSB

hsb(46, 16%, 96%)

CMYK

cmyk(0%, 4%, 16%, 4%)

Oklch

oklch(93.9% 0.042 93.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E5DEC1

Goose Yellow · Wheat · Lemon Cream

HEX

#E5DEC1

RGB

rgb(229, 222, 193)

HSL

hsl(48, 41%, 83%)

HSB

hsb(48, 16%, 90%)

CMYK

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

Oklch

oklch(89.9% 0.039 95.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#B1AC8E

Fresh Green · DarkGray · Sunflower

HEX

#B1AC8E

RGB

rgb(177, 172, 142)

HSL

hsl(51, 18%, 63%)

HSB

hsb(51, 20%, 69%)

CMYK

cmyk(0%, 3%, 20%, 31%)

Oklch

oklch(74.1% 0.042 99.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DB9F85

85C1DB

Analogous

DB8596

DB9F85

DBCA85

Triadic

DB9F85

85DB9F

9F85DB

Split-Comp.

DB9F85

85DBCA

8596DB

Tetradic

DB9F85

96DB85

85C1DB

CA85DB

Contrast Matrix WCAG 2.1 Contrast

DB9F85	E2C3A4	F4EBCC	E5DEC1	B1AC8E
—	1.4 Fail	1.9 Fail	1.7 Fail	1.0 Fail
1.4 Fail	—	1.4 Fail	1.2 Fail	1.4 Fail
1.9 Fail	1.4 Fail	—	1.1 Fail	1.9 Fail
1.7 Fail	1.2 Fail	1.1 Fail	—	1.7 Fail
1.0 Fail	1.4 Fail	1.9 Fail	1.7 Fail	—

White BG

2.3Fail

1.7Fail

1.2Fail

1.4Fail

2.3Fail

Black BG

9.3AAA

12.6AAA

17.6AAA

15.6AAA

9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C08B

D5D4AC

F0F0D4

E2E2C8

AFAF95

Deuteranopia

C5C98D

D6D9AD

F1F1D5

E2E3CA

AFB097

Tritanopia

D89091

E0B1B3

F4D9DB

E5CECF

B19B9C

Achromatopsia

AEAEAE

C9C9C9

EAEAEA

DDDDDD

AAAAAA

Shades & Tints Shades & Tints

#DB9F85

Dark

Light

#E2C3A4

Dark

Light

#F4EBCC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #db9f85;
  --color-2: #e2c3a4;
  --color-3: #f4ebcc;
  --color-4: #e5dec1;
  --color-5: #b1ac8e;
}

SCSS

$color-1: #db9f85;
$color-2: #e2c3a4;
$color-3: #f4ebcc;
$color-4: #e5dec1;
$color-5: #b1ac8e;

TAILWIND

colors: {
  'brand-1': '#db9f85',
  'brand-2': '#e2c3a4',
  'brand-3': '#f4ebcc',
  'brand-4': '#e5dec1',
  'brand-5': '#b1ac8e',
}

RGB Array

[219, 159, 133], [226, 195, 164], [244, 235, 204], [229, 222, 193], [177, 172, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DB9F85, #E2C3A4, #F4EBCC, #E5DEC1, #B1AC8E 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: #db9f85; --color-2: #e2c3a4; --color-3: #f4ebcc; --color-4: #e5dec1; --color-5: #b1ac8e. 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