#D8C59D + #C9C4A6 + #D6C494 + #E2C28F + #E4BE99 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D8C59D

Goose Yellow · Tan · Sunflower

HEX

#D8C59D

RGB

rgb(216, 197, 157)

HSL

hsl(41, 43%, 73%)

HSB

hsb(41, 27%, 85%)

CMYK

cmyk(0%, 9%, 27%, 15%)

Oklch

oklch(82.9% 0.057 85.5)

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

#C9C4A6

Fresh Green · Silver · Sunflower

HEX

#C9C4A6

RGB

rgb(201, 196, 166)

HSL

hsl(51, 24%, 72%)

HSB

hsb(51, 17%, 79%)

CMYK

cmyk(0%, 2%, 17%, 21%)

Oklch

oklch(81.6% 0.041 99.4)

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

#D6C494

Goose Yellow · Tan · Sunflower

HEX

#D6C494

RGB

rgb(214, 196, 148)

HSL

hsl(44, 45%, 71%)

HSB

hsb(44, 31%, 84%)

CMYK

cmyk(0%, 8%, 31%, 16%)

Oklch

oklch(82.4% 0.067 89.9)

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

#E2C28F

Goose Yellow · BurlyWood · Warm Sun

HEX

#E2C28F

RGB

rgb(226, 194, 143)

HSL

hsl(37, 59%, 72%)

HSB

hsb(37, 37%, 89%)

CMYK

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

Oklch

oklch(83.0% 0.076 79.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E4BE99

Goose Yellow · BurlyWood · Warm Sun

HEX

#E4BE99

RGB

rgb(228, 190, 153)

HSL

hsl(30, 58%, 75%)

HSB

hsb(30, 33%, 89%)

CMYK

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

Oklch

oklch(82.6% 0.066 65.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8C59D

9DAFD8

Analogous

D8A79D

D8C59D

CDD89D

Triadic

D8C59D

9DD8C5

C59DD8

Split-Comp.

D8C59D

9DCDD8

A79DD8

Tetradic

D8C59D

9DD8A7

9DAFD8

D89DCD

Contrast Matrix WCAG 2.1 Contrast

D8C59D	C9C4A6	D6C494	E2C28F	E4BE99
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.7Fail

1.8Fail

1.7Fail

Black BG

12.4AAA

11.9AAA

12.2AAA

12.3AAA

12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0A7

C7C7AD

CECEA0

D4D49B

D4D3A2

Deuteranopia

D1D2A9

C7C8AF

CFD1A2

D6D89E

D6D9A4

Tritanopia

D7AEB0

C9B3B4

D5A9AB

E0A5A7

E2A9AB

Achromatopsia

C6C6C6

C2C2C2

C4C4C4

C6C6C6

C5C5C5

Shades & Tints Shades & Tints

#D8C59D

Dark

Light

#C9C4A6

Dark

Light

#D6C494

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8c59d;
  --color-2: #c9c4a6;
  --color-3: #d6c494;
  --color-4: #e2c28f;
  --color-5: #e4be99;
}

SCSS

$color-1: #d8c59d;
$color-2: #c9c4a6;
$color-3: #d6c494;
$color-4: #e2c28f;
$color-5: #e4be99;

TAILWIND

colors: {
  'brand-1': '#d8c59d',
  'brand-2': '#c9c4a6',
  'brand-3': '#d6c494',
  'brand-4': '#e2c28f',
  'brand-5': '#e4be99',
}

RGB Array

[216, 197, 157], [201, 196, 166], [214, 196, 148], [226, 194, 143], [228, 190, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8C59D, #C9C4A6, #D6C494, #E2C28F, #E4BE99 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: #d8c59d; --color-2: #c9c4a6; --color-3: #d6c494; --color-4: #e2c28f; --color-5: #e4be99. 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