#DBD5BF + #C6D37C + #88A444 + #758065 + #7E4C6A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DBD5BF

Goose Yellow · LightGray · Lemon Cream

HEX

#DBD5BF

RGB

rgb(219, 213, 191)

HSL

hsl(47, 28%, 80%)

HSB

hsb(47, 13%, 86%)

CMYK

cmyk(0%, 3%, 13%, 14%)

Oklch

oklch(87.2% 0.030 94.4)

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

#C6D37C

Fresh Green · Tan · Sunflower

HEX

#C6D37C

RGB

rgb(198, 211, 124)

HSL

hsl(69, 50%, 66%)

HSB

hsb(69, 41%, 83%)

CMYK

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

Oklch

oklch(83.7% 0.112 115.8)

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

#88A444

Grass Green · Gray · Olive Green

HEX

#88A444

RGB

rgb(136, 164, 68)

HSL

hsl(78, 41%, 45%)

HSB

hsb(78, 59%, 64%)

CMYK

cmyk(17%, 0%, 59%, 36%)

Oklch

oklch(67.7% 0.127 123.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#758065

Grass Green · DimGray · Olive Green

HEX

#758065

RGB

rgb(117, 128, 101)

HSL

hsl(84, 12%, 45%)

HSB

hsb(84, 21%, 50%)

CMYK

cmyk(9%, 0%, 21%, 50%)

Oklch

oklch(58.3% 0.042 125.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#7E4C6A

Rose Purple · DimGray · Camellia

HEX

#7E4C6A

RGB

rgb(126, 76, 106)

HSL

hsl(324, 25%, 40%)

HSB

hsb(324, 40%, 49%)

CMYK

cmyk(0%, 40%, 16%, 51%)

Oklch

oklch(48.4% 0.079 343.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBD5BF

BEC4DA

Analogous

DAC6BE

DBD5BF

D2DABE

Triadic

DBD5BF

BEDAD4

D4BEDA

Split-Comp.

DBD5BF

BED2DA

C6BEDA

Tetradic

DBD5BF

BEDAC6

BEC4DA

DABED2

Contrast Matrix WCAG 2.1 Contrast

DBD5BF	C6D37C	88A444	758065	7E4C6A
—	1.1 Fail	1.9 Fail	2.8 Fail	4.6 AA
1.1 Fail	—	1.7 Fail	2.6 Fail	4.2 AA Large
1.9 Fail	1.7 Fail	—	1.5 Fail	2.4 Fail
2.8 Fail	2.6 Fail	1.5 Fail	—	1.6 Fail
4.6 AA	4.2 AA Large	2.4 Fail	1.6 Fail	—

White BG

1.5Fail

1.6Fail

2.8Fail

4.2AA Large

6.7AA

Black BG

14.3AAA

13.0AAA

7.4AAA

5.0AA

3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8C4

CCCC91

94945B

7A7A6C

686863

Deuteranopia

D9D9C6

CBCA96

939061

79786D

6B6F61

Tritanopia

DBC9C9

C7A2A5

896E72

767172

7B5D5C

Achromatopsia

D4D4D4

C5C5C5

919191

7A7A7A

5E5E5E

Shades & Tints Shades & Tints

#DBD5BF

Dark

Light

#C6D37C

Dark

Light

#88A444

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbd5bf;
  --color-2: #c6d37c;
  --color-3: #88a444;
  --color-4: #758065;
  --color-5: #7e4c6a;
}

SCSS

$color-1: #dbd5bf;
$color-2: #c6d37c;
$color-3: #88a444;
$color-4: #758065;
$color-5: #7e4c6a;

TAILWIND

colors: {
  'brand-1': '#dbd5bf',
  'brand-2': '#c6d37c',
  'brand-3': '#88a444',
  'brand-4': '#758065',
  'brand-5': '#7e4c6a',
}

RGB Array

[219, 213, 191], [198, 211, 124], [136, 164, 68], [117, 128, 101], [126, 76, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBD5BF, #C6D37C, #88A444, #758065, #7E4C6A is ideal for: corporate websites, product showcases, portfolios. 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: #dbd5bf; --color-2: #c6d37c; --color-3: #88a444; --color-4: #758065; --color-5: #7e4c6a. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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