#C75A53 + #D08D70 + #EAB990 + #E6D4BC + #987F78 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C75A53

Crimson · Sienna · Passion Red

HEX

#C75A53

RGB

rgb(199, 90, 83)

HSL

hsl(4, 51%, 55%)

HSB

hsb(4, 58%, 78%)

CMYK

cmyk(0%, 55%, 58%, 22%)

Oklch

oklch(60.2% 0.141 25.9)

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

#D08D70

Apricot · DarkSalmon · Warm Sun

HEX

#D08D70

RGB

rgb(208, 141, 112)

HSL

hsl(18, 51%, 63%)

HSB

hsb(18, 46%, 82%)

CMYK

cmyk(0%, 32%, 46%, 18%)

Oklch

oklch(70.4% 0.092 44.2)

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

#EAB990

Apricot · BurlyWood · Warm Sun

HEX

#EAB990

RGB

rgb(234, 185, 144)

HSL

hsl(27, 68%, 74%)

HSB

hsb(27, 38%, 92%)

CMYK

cmyk(0%, 21%, 38%, 8%)

Oklch

oklch(82.0% 0.079 61.3)

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

#E6D4BC

Goose Yellow · Wheat · Peach Orange

HEX

#E6D4BC

RGB

rgb(230, 212, 188)

HSL

hsl(34, 46%, 82%)

HSB

hsb(34, 18%, 90%)

CMYK

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

Oklch

oklch(87.8% 0.038 75.1)

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

#987F78

Crimson · Gray · Passion Red

HEX

#987F78

RGB

rgb(152, 127, 120)

HSL

hsl(13, 13%, 53%)

HSB

hsb(13, 21%, 60%)

CMYK

cmyk(0%, 16%, 21%, 40%)

Oklch

oklch(61.8% 0.033 36.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C75A53

52BFC7

Analogous

C75284

C75A53

C79452

Triadic

C75A53

52C75A

5A52C7

Split-Comp.

C75A53

52C794

5284C7

Tetradic

C75A53

84C752

52BFC7

9452C7

Contrast Matrix WCAG 2.1 Contrast

C75A53	D08D70	EAB990	E6D4BC	987F78
—	1.5 Fail	2.4 Fail	2.9 Fail	1.1 Fail
1.5 Fail	—	1.5 Fail	1.9 Fail	1.4 Fail
2.4 Fail	1.5 Fail	—	1.2 Fail	2.1 Fail
2.9 Fail	1.9 Fail	1.2 Fail	—	2.6 Fail
1.1 Fail	1.4 Fail	2.1 Fail	2.6 Fail	—

White BG

4.2AA Large

2.7Fail

1.8Fail

1.4Fail

3.7AA Large

Black BG

5.0AA

7.7AAA

11.8AAA

14.5AAA

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

989755

B3B277

D5D49A

DEDEC2

8D8D7A

Deuteranopia

9EA655

B7BC79

D8DB9C

DFE1C3

8F917A

Tritanopia

C25656

CD7D7E

E8A2A3

E5C6C7

977B7B

Achromatopsia

7A7A7A

9E9E9E

C3C3C3

D7D7D7

868686

Shades & Tints Shades & Tints

#C75A53

Dark

Light

#D08D70

Dark

Light

#EAB990

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c75a53;
  --color-2: #d08d70;
  --color-3: #eab990;
  --color-4: #e6d4bc;
  --color-5: #987f78;
}

SCSS

$color-1: #c75a53;
$color-2: #d08d70;
$color-3: #eab990;
$color-4: #e6d4bc;
$color-5: #987f78;

TAILWIND

colors: {
  'brand-1': '#c75a53',
  'brand-2': '#d08d70',
  'brand-3': '#eab990',
  'brand-4': '#e6d4bc',
  'brand-5': '#987f78',
}

RGB Array

[199, 90, 83], [208, 141, 112], [234, 185, 144], [230, 212, 188], [152, 127, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C75A53, #D08D70, #EAB990, #E6D4BC, #987F78 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: #c75a53; --color-2: #d08d70; --color-3: #eab990; --color-4: #e6d4bc; --color-5: #987f78. 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