#EC8E8E + #C4A6A6 + #C0C0C0 + #DBDBD0 + #F7D9B0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EC8E8E

Peach Pink · LightCoral · Coral Red

HEX

#EC8E8E

RGB

rgb(236, 142, 142)

HSL

hsl(0, 71%, 74%)

HSB

hsb(0, 40%, 93%)

CMYK

cmyk(0%, 40%, 40%, 7%)

Oklch

oklch(74.5% 0.115 20.1)

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

#C4A6A6

Peach Pink · DarkGray · Coral Red

HEX

#C4A6A6

RGB

rgb(196, 166, 166)

HSL

hsl(0, 20%, 71%)

HSB

hsb(0, 15%, 77%)

CMYK

cmyk(0%, 15%, 15%, 23%)

Oklch

oklch(75.2% 0.035 18.0)

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

#C0C0C0

Silver Gray · Silver · Pearl Gray

HEX

#C0C0C0

RGB

rgb(192, 192, 192)

HSL

hsl(0, 0%, 75%)

HSB

hsb(0, 0%, 75%)

CMYK

cmyk(0%, 0%, 0%, 25%)

Oklch

oklch(80.8% 0.000 89.9)

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

#DBDBD0

Fresh Green · LightGray · Lemon Cream

HEX

#DBDBD0

RGB

rgb(219, 219, 208)

HSL

hsl(60, 13%, 84%)

HSB

hsb(60, 5%, 86%)

CMYK

cmyk(0%, 0%, 5%, 14%)

Oklch

oklch(88.8% 0.015 106.7)

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

#F7D9B0

Goose Yellow · Wheat · Peach Orange

HEX

#F7D9B0

RGB

rgb(247, 217, 176)

HSL

hsl(35, 82%, 83%)

HSB

hsb(35, 29%, 97%)

CMYK

cmyk(0%, 12%, 29%, 3%)

Oklch

oklch(90.0% 0.063 75.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC8E8E

8EECEC

Analogous

EC8EBD

EC8E8E

ECBD8E

Triadic

EC8E8E

8EEC8E

8E8EEC

Split-Comp.

EC8E8E

8EECBD

8EBDEC

Tetradic

EC8E8E

BDEC8E

8EECEC

BD8EEC

Contrast Matrix WCAG 2.1 Contrast

EC8E8E	C4A6A6	C0C0C0	DBDBD0	F7D9B0
—	1.1 Fail	1.3 Fail	1.7 Fail	1.8 Fail
1.1 Fail	—	1.2 Fail	1.6 Fail	1.7 Fail
1.3 Fail	1.2 Fail	—	1.3 Fail	1.3 Fail
1.7 Fail	1.6 Fail	1.3 Fail	—	1.0 Fail
1.8 Fail	1.7 Fail	1.3 Fail	1.0 Fail	—

White BG

2.4Fail

2.2Fail

1.8Fail

1.4Fail

Black BG

8.8AAA

9.4AAA

11.5AAA

15.1AAA

15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C28E

B7B7A6

C0C0C0

DBDBD3

EAEABA

Deuteranopia

C9D08E

B9BBA6

C0C0C0

DBDBD3

ECEEBC

Tritanopia

E78E8E

C3A6A6

C0C0C0

DBD5D5

F5C2C3

Achromatopsia

AAAAAA

AFAFAF

C0C0C0

DADADA

DDDDDD

Shades & Tints Shades & Tints

#EC8E8E

Dark

Light

#C4A6A6

Dark

Light

#C0C0C0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec8e8e;
  --color-2: #c4a6a6;
  --color-3: #c0c0c0;
  --color-4: #dbdbd0;
  --color-5: #f7d9b0;
}

SCSS

$color-1: #ec8e8e;
$color-2: #c4a6a6;
$color-3: #c0c0c0;
$color-4: #dbdbd0;
$color-5: #f7d9b0;

TAILWIND

colors: {
  'brand-1': '#ec8e8e',
  'brand-2': '#c4a6a6',
  'brand-3': '#c0c0c0',
  'brand-4': '#dbdbd0',
  'brand-5': '#f7d9b0',
}

RGB Array

[236, 142, 142], [196, 166, 166], [192, 192, 192], [219, 219, 208], [247, 217, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC8E8E, #C4A6A6, #C0C0C0, #DBDBD0, #F7D9B0 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: #ec8e8e; --color-2: #c4a6a6; --color-3: #c0c0c0; --color-4: #dbdbd0; --color-5: #f7d9b0. 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