#DBCDB3 + #E6E8B6 + #C8BF7E + #B7A448 + #D5BEB0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DBCDB3

Goose Yellow · Wheat · Peach Orange

HEX

#DBCDB3

RGB

rgb(219, 205, 179)

HSL

hsl(39, 36%, 78%)

HSB

hsb(39, 18%, 86%)

CMYK

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

Oklch

oklch(85.3% 0.038 83.0)

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

#E6E8B6

Fresh Green · Wheat · Lemon Cream

HEX

#E6E8B6

RGB

rgb(230, 232, 182)

HSL

hsl(62, 52%, 81%)

HSB

hsb(62, 22%, 91%)

CMYK

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

Oklch

oklch(91.7% 0.065 109.5)

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

#C8BF7E

Fresh Green · Tan · Sunflower

HEX

#C8BF7E

RGB

rgb(200, 191, 126)

HSL

hsl(53, 40%, 64%)

HSB

hsb(53, 37%, 78%)

CMYK

cmyk(0%, 4%, 37%, 22%)

Oklch

oklch(79.7% 0.085 101.3)

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

#B7A448

Autumn Sage · GoldenRod · Honey Gold

HEX

#B7A448

RGB

rgb(183, 164, 72)

HSL

hsl(50, 44%, 50%)

HSB

hsb(50, 61%, 72%)

CMYK

cmyk(0%, 10%, 61%, 28%)

Oklch

oklch(71.7% 0.114 97.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#D5BEB0

Apricot · Silver · Peach Orange

HEX

#D5BEB0

RGB

rgb(213, 190, 176)

HSL

hsl(23, 31%, 76%)

HSB

hsb(23, 17%, 84%)

CMYK

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

Oklch

oklch(81.7% 0.033 53.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBCDB3

B3C1DB

Analogous

DBB9B3

DBCDB3

D5DBB3

Triadic

DBCDB3

B3DBCD

CDB3DB

Split-Comp.

DBCDB3

B3D5DB

B9B3DB

Tetradic

DBCDB3

B3DBB9

B3C1DB

DBB3D5

Contrast Matrix WCAG 2.1 Contrast

DBCDB3	E6E8B6	C8BF7E	B7A448	D5BEB0
—	1.2 Fail	1.2 Fail	1.6 Fail	1.1 Fail
1.2 Fail	—	1.5 Fail	2.0 Fail	1.4 Fail
1.2 Fail	1.5 Fail	—	1.3 Fail	1.1 Fail
1.6 Fail	2.0 Fail	1.3 Fail	—	1.4 Fail
1.1 Fail	1.4 Fail	1.1 Fail	1.4 Fail	—

White BG

1.6Fail

1.3Fail

1.9Fail

2.5Fail

1.8Fail

Black BG

13.4AAA

16.6AAA

11.2AAA

8.4AAA

11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5B9

E7E7C2

C4C48E

AFAF5E

CBCBB3

Deuteranopia

D6D7BB

E7E7C5

C5C592

B0B164

CCCEB4

Tritanopia

DABEBF

E6CCCE

C89A9D

B67074

D4B6B7

Achromatopsia

CECECE

E2E2E2

BABABA

9F9F9F

C3C3C3

Shades & Tints Shades & Tints

#DBCDB3

Dark

Light

#E6E8B6

Dark

Light

#C8BF7E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbcdb3;
  --color-2: #e6e8b6;
  --color-3: #c8bf7e;
  --color-4: #b7a448;
  --color-5: #d5beb0;
}

SCSS

$color-1: #dbcdb3;
$color-2: #e6e8b6;
$color-3: #c8bf7e;
$color-4: #b7a448;
$color-5: #d5beb0;

TAILWIND

colors: {
  'brand-1': '#dbcdb3',
  'brand-2': '#e6e8b6',
  'brand-3': '#c8bf7e',
  'brand-4': '#b7a448',
  'brand-5': '#d5beb0',
}

RGB Array

[219, 205, 179], [230, 232, 182], [200, 191, 126], [183, 164, 72], [213, 190, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBCDB3, #E6E8B6, #C8BF7E, #B7A448, #D5BEB0 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: #dbcdb3; --color-2: #e6e8b6; --color-3: #c8bf7e; --color-4: #b7a448; --color-5: #d5beb0. 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