#C0C396 + #DFCA89 + #E8DCB4 + #B29877 + #DA857E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C0C396

Fresh Green · Tan · Sunflower

HEX

#C0C396

RGB

rgb(192, 195, 150)

HSL

hsl(64, 27%, 68%)

HSB

hsb(64, 23%, 76%)

CMYK

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

Oklch

oklch(80.3% 0.061 110.8)

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

#DFCA89

Goose Yellow · BurlyWood · Sunflower

HEX

#DFCA89

RGB

rgb(223, 202, 137)

HSL

hsl(45, 57%, 71%)

HSB

hsb(45, 39%, 87%)

CMYK

cmyk(0%, 9%, 39%, 13%)

Oklch

oklch(84.2% 0.087 92.2)

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

#E8DCB4

Goose Yellow · Wheat · Lemon Cream

HEX

#E8DCB4

RGB

rgb(232, 220, 180)

HSL

hsl(46, 53%, 81%)

HSB

hsb(46, 22%, 91%)

CMYK

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

Oklch

oklch(89.4% 0.054 93.3)

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

#B29877

Ginger · Tan · Warm Sun

HEX

#B29877

RGB

rgb(178, 152, 119)

HSL

hsl(34, 28%, 58%)

HSB

hsb(34, 33%, 70%)

CMYK

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

Oklch

oklch(69.5% 0.055 73.3)

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

#DA857E

Peach Pink · LightCoral · Coral Red

HEX

#DA857E

RGB

rgb(218, 133, 126)

HSL

hsl(5, 55%, 67%)

HSB

hsb(5, 42%, 85%)

CMYK

cmyk(0%, 39%, 42%, 15%)

Oklch

oklch(70.4% 0.106 25.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0C396

9A97C3

Analogous

C3B097

C0C396

AAC397

Triadic

C0C396

97C0C3

C397C0

Split-Comp.

C0C396

97AAC3

B097C3

Tetradic

C0C396

97C3B0

9A97C3

C397AA

Contrast Matrix WCAG 2.1 Contrast

C0C396	DFCA89	E8DCB4	B29877	DA857E
—	1.1 Fail	1.3 Fail	1.5 Fail	1.5 Fail
1.1 Fail	—	1.2 Fail	1.7 Fail	1.7 Fail
1.3 Fail	1.2 Fail	—	2.0 Fail	2.0 Fail
1.5 Fail	1.7 Fail	2.0 Fail	—	1.0 Fail
1.5 Fail	1.7 Fail	2.0 Fail	1.0 Fail	—

White BG

1.8Fail

1.6Fail

1.4Fail

2.7Fail

Black BG

11.5AAA

12.9AAA

15.3AAA

7.7AAA

7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1A1

D6D699

E3E3BE

A7A77F

B5B480

Deuteranopia

C1C1A4

D7D99D

E4E4C0

A8AA81

BAC180

Tritanopia

C0A9AB

DEA5A8

E7C5C7

B18587

D68181

Achromatopsia

BDBDBD

C9C9C9

DBDBDB

9C9C9C

9E9E9E

Shades & Tints Shades & Tints

#C0C396

Dark

Light

#DFCA89

Dark

Light

#E8DCB4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0c396;
  --color-2: #dfca89;
  --color-3: #e8dcb4;
  --color-4: #b29877;
  --color-5: #da857e;
}

SCSS

$color-1: #c0c396;
$color-2: #dfca89;
$color-3: #e8dcb4;
$color-4: #b29877;
$color-5: #da857e;

TAILWIND

colors: {
  'brand-1': '#c0c396',
  'brand-2': '#dfca89',
  'brand-3': '#e8dcb4',
  'brand-4': '#b29877',
  'brand-5': '#da857e',
}

RGB Array

[192, 195, 150], [223, 202, 137], [232, 220, 180], [178, 152, 119], [218, 133, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0C396, #DFCA89, #E8DCB4, #B29877, #DA857E 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: #c0c396; --color-2: #dfca89; --color-3: #e8dcb4; --color-4: #b29877; --color-5: #da857e. 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