#D5C8B1 + #BDBEAE + #B38C80 + #F7F0CA + #E4DEB4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D5C8B1

Goose Yellow · Silver · Peach Orange

HEX

#D5C8B1

RGB

rgb(213, 200, 177)

HSL

hsl(38, 30%, 76%)

HSB

hsb(38, 17%, 84%)

CMYK

cmyk(0%, 6%, 17%, 16%)

Oklch

oklch(83.7% 0.034 82.0)

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

#BDBEAE

Fresh Green · Silver · Sunflower

HEX

#BDBEAE

RGB

rgb(189, 190, 174)

HSL

hsl(64, 11%, 71%)

HSB

hsb(64, 8%, 75%)

CMYK

cmyk(1%, 0%, 8%, 25%)

Oklch

oklch(79.6% 0.022 109.8)

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

#B38C80

Crimson · DarkGray · Passion Red

HEX

#B38C80

RGB

rgb(179, 140, 128)

HSL

hsl(14, 25%, 60%)

HSB

hsb(14, 28%, 70%)

CMYK

cmyk(0%, 22%, 28%, 30%)

Oklch

oklch(67.4% 0.051 37.8)

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

#F7F0CA

Fresh Green · Bisque · Lemon Cream

HEX

#F7F0CA

RGB

rgb(247, 240, 202)

HSL

hsl(51, 74%, 88%)

HSB

hsb(51, 18%, 97%)

CMYK

cmyk(0%, 3%, 18%, 3%)

Oklch

oklch(95.1% 0.050 98.6)

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

#E4DEB4

Fresh Green · Wheat · Lemon Cream

HEX

#E4DEB4

RGB

rgb(228, 222, 180)

HSL

hsl(52, 47%, 80%)

HSB

hsb(52, 21%, 89%)

CMYK

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

Oklch

oklch(89.5% 0.056 100.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5C8B1

AFBDD4

Analogous

D4B4AF

D5C8B1

CFD4AF

Triadic

D5C8B1

AFD4C7

C7AFD4

Split-Comp.

D5C8B1

AFCFD4

B4AFD4

Tetradic

D5C8B1

AFD4B4

AFBDD4

D4AFCF

Contrast Matrix WCAG 2.1 Contrast

D5C8B1	BDBEAE	B38C80	F7F0CA	E4DEB4
—	1.1 Fail	1.8 Fail	1.4 Fail	1.2 Fail
1.1 Fail	—	1.6 Fail	1.6 Fail	1.4 Fail
1.8 Fail	1.6 Fail	—	2.6 Fail	2.2 Fail
1.4 Fail	1.6 Fail	2.6 Fail	—	1.2 Fail
1.2 Fail	1.4 Fail	2.2 Fail	1.2 Fail	—

White BG

1.7Fail

1.9Fail

3.0AA Large

1.1Fail

1.4Fail

Black BG

12.7AAA

11.1AAA

7.0AA

18.3AAA

15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFB7

BDBDB2

A2A283

F4F4D3

E1E1BE

Deuteranopia

D0D1B8

BDBDB3

A4A784

F4F5D5

E2E2C1

Tritanopia

D4BBBC

BDB5B6

B18586

F7DADC

E4C6C8

Achromatopsia

C9C9C9

BCBCBC

969696

EEEEEE

DBDBDB

Shades & Tints Shades & Tints

#D5C8B1

Dark

Light

#BDBEAE

Dark

Light

#B38C80

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5c8b1;
  --color-2: #bdbeae;
  --color-3: #b38c80;
  --color-4: #f7f0ca;
  --color-5: #e4deb4;
}

SCSS

$color-1: #d5c8b1;
$color-2: #bdbeae;
$color-3: #b38c80;
$color-4: #f7f0ca;
$color-5: #e4deb4;

TAILWIND

colors: {
  'brand-1': '#d5c8b1',
  'brand-2': '#bdbeae',
  'brand-3': '#b38c80',
  'brand-4': '#f7f0ca',
  'brand-5': '#e4deb4',
}

RGB Array

[213, 200, 177], [189, 190, 174], [179, 140, 128], [247, 240, 202], [228, 222, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5C8B1, #BDBEAE, #B38C80, #F7F0CA, #E4DEB4 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: #d5c8b1; --color-2: #bdbeae; --color-3: #b38c80; --color-4: #f7f0ca; --color-5: #e4deb4. 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