#C77965 + #E6B08C + #DFCA8B + #EED9AC + #CBB59D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C77965

Crimson · DarkSalmon · Passion Red

HEX

#C77965

RGB

rgb(199, 121, 101)

HSL

hsl(12, 47%, 59%)

HSB

hsb(12, 49%, 78%)

CMYK

cmyk(0%, 39%, 49%, 22%)

Oklch

oklch(65.5% 0.103 35.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E6B08C

Apricot · BurlyWood · Warm Sun

HEX

#E6B08C

RGB

rgb(230, 176, 140)

HSL

hsl(24, 64%, 73%)

HSB

hsb(24, 39%, 90%)

CMYK

cmyk(0%, 23%, 39%, 10%)

Oklch

oklch(79.8% 0.080 55.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DFCA8B

Goose Yellow · BurlyWood · Sunflower

HEX

#DFCA8B

RGB

rgb(223, 202, 139)

HSL

hsl(45, 57%, 71%)

HSB

hsb(45, 38%, 87%)

CMYK

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

Oklch

oklch(84.2% 0.084 91.8)

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

#EED9AC

Goose Yellow · Wheat · Lemon Cream

HEX

#EED9AC

RGB

rgb(238, 217, 172)

HSL

hsl(41, 66%, 80%)

HSB

hsb(41, 28%, 93%)

CMYK

cmyk(0%, 9%, 28%, 7%)

Oklch

oklch(89.1% 0.063 85.9)

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

#CBB59D

Goose Yellow · Tan · Warm Sun

HEX

#CBB59D

RGB

rgb(203, 181, 157)

HSL

hsl(31, 31%, 71%)

HSB

hsb(31, 23%, 80%)

CMYK

cmyk(0%, 11%, 23%, 20%)

Oklch

oklch(78.6% 0.042 69.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C77965

65B4C8

Analogous

C86583

C77965

C8AA65

Triadic

C77965

65C879

7965C8

Split-Comp.

C77965

65C8AA

6583C8

Tetradic

C77965

83C865

65B4C8

AA65C8

Contrast Matrix WCAG 2.1 Contrast

C77965	E6B08C	DFCA8B	EED9AC	CBB59D
—	1.7 Fail	2.0 Fail	2.4 Fail	1.7 Fail
1.7 Fail	—	1.2 Fail	1.4 Fail	1.0 Fail
2.0 Fail	1.2 Fail	—	1.2 Fail	1.2 Fail
2.4 Fail	1.4 Fail	1.2 Fail	—	1.4 Fail
1.7 Fail	1.0 Fail	1.2 Fail	1.4 Fail	—

White BG

3.3AA Large

1.9Fail

1.6Fail

1.4Fail

2.0Fail

Black BG

6.4AA

11.0AAA

13.0AAA

15.2AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A56A

CFCE95

D6D69A

E5E5B7

C1C1A3

Deuteranopia

AAB06B

D2D697

D7D99E

E6E8BA

C3C4A4

Tritanopia

C36E6F

E39C9D

DEA6A9

EDBFC1

CAA7A8

Achromatopsia

8E8E8E

BCBCBC

C9C9C9

DADADA

B9B9B9

Shades & Tints Shades & Tints

#C77965

Dark

Light

#E6B08C

Dark

Light

#DFCA8B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c77965;
  --color-2: #e6b08c;
  --color-3: #dfca8b;
  --color-4: #eed9ac;
  --color-5: #cbb59d;
}

SCSS

$color-1: #c77965;
$color-2: #e6b08c;
$color-3: #dfca8b;
$color-4: #eed9ac;
$color-5: #cbb59d;

TAILWIND

colors: {
  'brand-1': '#c77965',
  'brand-2': '#e6b08c',
  'brand-3': '#dfca8b',
  'brand-4': '#eed9ac',
  'brand-5': '#cbb59d',
}

RGB Array

[199, 121, 101], [230, 176, 140], [223, 202, 139], [238, 217, 172], [203, 181, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C77965, #E6B08C, #DFCA8B, #EED9AC, #CBB59D 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: #c77965; --color-2: #e6b08c; --color-3: #dfca8b; --color-4: #eed9ac; --color-5: #cbb59d. 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