#D6D3BC + #C0B199 + #E7E1B4 + #BB7579 + #9C4755 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6D3BC

Fresh Green · LightGray · Lemon Cream

HEX

#D6D3BC

RGB

rgb(214, 211, 188)

HSL

hsl(53, 24%, 79%)

HSB

hsb(53, 12%, 84%)

CMYK

cmyk(0%, 1%, 12%, 16%)

Oklch

oklch(86.3% 0.031 100.9)

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

#C0B199

Ginger · Tan · Warm Sun

HEX

#C0B199

RGB

rgb(192, 177, 153)

HSL

hsl(37, 24%, 68%)

HSB

hsb(37, 20%, 75%)

CMYK

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

Oklch

oklch(76.7% 0.037 79.6)

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

#E7E1B4

Fresh Green · Wheat · Lemon Cream

HEX

#E7E1B4

RGB

rgb(231, 225, 180)

HSL

hsl(53, 52%, 81%)

HSB

hsb(53, 22%, 91%)

CMYK

cmyk(0%, 3%, 22%, 9%)

Oklch

oklch(90.3% 0.059 101.2)

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

#BB7579

Crimson · LightCoral · Passion Red

HEX

#BB7579

RGB

rgb(187, 117, 121)

HSL

hsl(357, 34%, 60%)

HSB

hsb(357, 37%, 73%)

CMYK

cmyk(0%, 37%, 35%, 27%)

Oklch

oklch(63.8% 0.088 16.1)

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

#9C4755

Crimson · Sienna · Passion Red

HEX

#9C4755

RGB

rgb(156, 71, 85)

HSL

hsl(350, 37%, 45%)

HSB

hsb(350, 54%, 61%)

CMYK

cmyk(0%, 54%, 46%, 39%)

Oklch

oklch(51.1% 0.114 11.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6D3BC

BDC0D6

Analogous

D6C6BD

D6D3BC

CCD6BD

Triadic

D6D3BC

BDD6D3

D3BDD6

Split-Comp.

D6D3BC

BDCCD6

C6BDD6

Tetradic

D6D3BC

BDD6C6

BDC0D6

D6BDCC

Contrast Matrix WCAG 2.1 Contrast

D6D3BC	C0B199	E7E1B4	BB7579	9C4755
—	1.4 Fail	1.1 Fail	2.3 Fail	4.0 AA Large
1.4 Fail	—	1.6 Fail	1.7 Fail	2.9 Fail
1.1 Fail	1.6 Fail	—	2.7 Fail	4.6 AA
2.3 Fail	1.7 Fail	2.7 Fail	—	1.7 Fail
4.0 AA Large	2.9 Fail	4.6 AA	1.7 Fail	—

White BG

1.5Fail

2.1Fail

1.3Fail

3.5AA Large

6.1AA

Black BG

13.9AAA

10.0AAA

15.8AAA

5.9AA

3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5C2

BAB99F

E4E4BF

9D9C78

777652

Deuteranopia

D5D5C3

BABBA0

E5E5C2

A1A678

7C8351

Tritanopia

D6C6C7

BFA3A4

E7C7C9

B87777

984F4E

Achromatopsia

D1D1D1

B3B3B3

DEDEDE

8A8A8A

626262

Shades & Tints Shades & Tints

#D6D3BC

Dark

Light

#C0B199

Dark

Light

#E7E1B4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6d3bc;
  --color-2: #c0b199;
  --color-3: #e7e1b4;
  --color-4: #bb7579;
  --color-5: #9c4755;
}

SCSS

$color-1: #d6d3bc;
$color-2: #c0b199;
$color-3: #e7e1b4;
$color-4: #bb7579;
$color-5: #9c4755;

TAILWIND

colors: {
  'brand-1': '#d6d3bc',
  'brand-2': '#c0b199',
  'brand-3': '#e7e1b4',
  'brand-4': '#bb7579',
  'brand-5': '#9c4755',
}

RGB Array

[214, 211, 188], [192, 177, 153], [231, 225, 180], [187, 117, 121], [156, 71, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6D3BC, #C0B199, #E7E1B4, #BB7579, #9C4755 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: #d6d3bc; --color-2: #c0b199; --color-3: #e7e1b4; --color-4: #bb7579; --color-5: #9c4755. 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