#C5C2B9 + #FEF6C5 + #E2D39C + #D2BE5B + #D2B130 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C5C2B9

Goose Yellow · Silver · Pearl Gray

HEX

#C5C2B9

RGB

rgb(197, 194, 185)

HSL

hsl(45, 9%, 75%)

HSB

hsb(45, 6%, 77%)

CMYK

cmyk(0%, 2%, 6%, 23%)

Oklch

oklch(81.4% 0.013 91.5)

Traditional「Goose Yellow」· Paint「Pearl Gray」· Creative Silver Lining

#FEF6C5

Fresh Green · Bisque · Lemon Cream

HEX

#FEF6C5

RGB

rgb(254, 246, 197)

HSL

hsl(52, 97%, 88%)

HSB

hsb(52, 22%, 100%)

CMYK

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

Oklch

oklch(96.7% 0.064 99.7)

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

#E2D39C

Goose Yellow · Khaki · Sunflower

HEX

#E2D39C

RGB

rgb(226, 211, 156)

HSL

hsl(47, 55%, 75%)

HSB

hsb(47, 31%, 89%)

CMYK

cmyk(0%, 7%, 31%, 11%)

Oklch

oklch(86.6% 0.073 94.7)

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

#D2BE5B

Autumn Sage · SandyBrown · Sunflower

HEX

#D2BE5B

RGB

rgb(210, 190, 91)

HSL

hsl(50, 57%, 59%)

HSB

hsb(50, 57%, 82%)

CMYK

cmyk(0%, 10%, 57%, 18%)

Oklch

oklch(79.9% 0.122 98.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#D2B130

Ginger · GoldenRod · Sunflower

HEX

#D2B130

RGB

rgb(210, 177, 48)

HSL

hsl(48, 64%, 51%)

HSB

hsb(48, 77%, 82%)

CMYK

cmyk(0%, 16%, 77%, 18%)

Oklch

oklch(76.8% 0.143 93.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5C2B9

BABCC5

Analogous

C5BCBA

C5C2B9

C2C5BA

Triadic

C5C2B9

BAC5C2

C2BAC5

Split-Comp.

C5C2B9

BAC2C5

BCBAC5

Tetradic

C5C2B9

BAC5BC

BABCC5

C5BAC2

Contrast Matrix WCAG 2.1 Contrast

C5C2B9	FEF6C5	E2D39C	D2BE5B	D2B130
—	1.6 Fail	1.2 Fail	1.0 Fail	1.2 Fail
1.6 Fail	—	1.4 Fail	1.7 Fail	1.9 Fail
1.2 Fail	1.4 Fail	—	1.2 Fail	1.4 Fail
1.0 Fail	1.7 Fail	1.2 Fail	—	1.1 Fail
1.2 Fail	1.9 Fail	1.4 Fail	1.1 Fail	—

White BG

1.8Fail

1.1Fail

1.5Fail

1.9Fail

2.1Fail

Black BG

11.8AAA

19.2AAA

14.0AAA

11.3AAA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4BB

FBFAD1

DCDBA9

C9C973

C4C34F

Deuteranopia

C4C4BC

FBFCD4

DCDEAD

CBCC79

C6C857

Tritanopia

C5BDBD

FEDADC

E1B4B6

D1868A

D0686D

Achromatopsia

C2C2C2

F3F3F3

D1D1D1

B9B9B9

ACACAC

Shades & Tints Shades & Tints

#C5C2B9

Dark

Light

#FEF6C5

Dark

Light

#E2D39C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5c2b9;
  --color-2: #fef6c5;
  --color-3: #e2d39c;
  --color-4: #d2be5b;
  --color-5: #d2b130;
}

SCSS

$color-1: #c5c2b9;
$color-2: #fef6c5;
$color-3: #e2d39c;
$color-4: #d2be5b;
$color-5: #d2b130;

TAILWIND

colors: {
  'brand-1': '#c5c2b9',
  'brand-2': '#fef6c5',
  'brand-3': '#e2d39c',
  'brand-4': '#d2be5b',
  'brand-5': '#d2b130',
}

RGB Array

[197, 194, 185], [254, 246, 197], [226, 211, 156], [210, 190, 91], [210, 177, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5C2B9, #FEF6C5, #E2D39C, #D2BE5B, #D2B130 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: #c5c2b9; --color-2: #fef6c5; --color-3: #e2d39c; --color-4: #d2be5b; --color-5: #d2b130. 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