#C6C4C9 + #E5D3BB + #F2B879 + #DA9955 + #726666 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C6C4C9

Silver Gray · Silver · Pearl Gray

HEX

#C6C4C9

RGB

rgb(198, 196, 201)

HSL

hsl(264, 4%, 78%)

HSB

hsb(264, 2%, 79%)

CMYK

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

Oklch

oklch(82.3% 0.007 304.2)

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

#E5D3BB

Goose Yellow · Wheat · Peach Orange

HEX

#E5D3BB

RGB

rgb(229, 211, 187)

HSL

hsl(34, 45%, 82%)

HSB

hsb(34, 18%, 90%)

CMYK

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

Oklch

oklch(87.5% 0.038 75.1)

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

#F2B879

Goose Yellow · BurlyWood · Warm Sun

HEX

#F2B879

RGB

rgb(242, 184, 121)

HSL

hsl(31, 82%, 71%)

HSB

hsb(31, 50%, 95%)

CMYK

cmyk(0%, 24%, 50%, 5%)

Oklch

oklch(82.2% 0.104 67.8)

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

#DA9955

Ginger · SandyBrown · Warm Sun

HEX

#DA9955

RGB

rgb(218, 153, 85)

HSL

hsl(31, 64%, 59%)

HSB

hsb(31, 61%, 85%)

CMYK

cmyk(0%, 30%, 61%, 15%)

Oklch

oklch(73.3% 0.115 65.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#726666

Ink Gray · DimGray · Warm Gray

HEX

#726666

RGB

rgb(114, 102, 102)

HSL

hsl(0, 6%, 42%)

HSB

hsb(0, 11%, 45%)

CMYK

cmyk(0%, 11%, 11%, 55%)

Oklch

oklch(52.2% 0.015 17.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6C4C9

C7C9C5

Analogous

C5C5C9

C6C4C9

C9C5C9

Triadic

C6C4C9

C9C6C5

C5C9C6

Split-Comp.

C6C4C9

C9C9C5

C5C9C5

Tetradic

C6C4C9

C9C5C5

C7C9C5

C5C9C9

Contrast Matrix WCAG 2.1 Contrast

C6C4C9	E5D3BB	F2B879	DA9955	726666
—	1.2 Fail	1.0 Fail	1.4 Fail	3.2 AA Large
1.2 Fail	—	1.2 Fail	1.7 Fail	3.8 AA Large
1.0 Fail	1.2 Fail	—	1.4 Fail	3.1 AA Large
1.4 Fail	1.7 Fail	1.4 Fail	—	2.3 Fail
3.2 AA Large	3.8 AA Large	3.1 AA Large	2.3 Fail	—

White BG

1.7Fail

1.5Fail

1.8Fail

2.4Fail

5.5AA

Black BG

12.1AAA

14.4AAA

11.9AAA

8.7AAA

3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5C8

DDDDC1

D9D888

BEBD65

6D6D66

Deuteranopia

C5C5C8

DEE0C2

DCE18C

C2C769

6E6E66

Tritanopia

C6C7C7

E4C5C6

EF9497

D77275

716666

Achromatopsia

C5C5C5

D6D6D6

C2C2C2

A5A5A5

6A6A6A

Shades & Tints Shades & Tints

#C6C4C9

Dark

Light

#E5D3BB

Dark

Light

#F2B879

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6c4c9;
  --color-2: #e5d3bb;
  --color-3: #f2b879;
  --color-4: #da9955;
  --color-5: #726666;
}

SCSS

$color-1: #c6c4c9;
$color-2: #e5d3bb;
$color-3: #f2b879;
$color-4: #da9955;
$color-5: #726666;

TAILWIND

colors: {
  'brand-1': '#c6c4c9',
  'brand-2': '#e5d3bb',
  'brand-3': '#f2b879',
  'brand-4': '#da9955',
  'brand-5': '#726666',
}

RGB Array

[198, 196, 201], [229, 211, 187], [242, 184, 121], [218, 153, 85], [114, 102, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6C4C9, #E5D3BB, #F2B879, #DA9955, #726666 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: #c6c4c9; --color-2: #e5d3bb; --color-3: #f2b879; --color-4: #da9955; --color-5: #726666. 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