#E8C3C9 + #BACEC9 + #EE8681 + #C4A2A4 + #F05079 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E8C3C9

Peach Pink · Pink · Cherry Blossom

HEX

#E8C3C9

RGB

rgb(232, 195, 201)

HSL

hsl(350, 45%, 84%)

HSB

hsb(350, 16%, 91%)

CMYK

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

Oklch

oklch(85.1% 0.043 7.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#BACEC9

Jade · Silver · Glacier Blue

HEX

#BACEC9

RGB

rgb(186, 206, 201)

HSL

hsl(165, 17%, 77%)

HSB

hsb(165, 10%, 81%)

CMYK

cmyk(10%, 0%, 2%, 19%)

Oklch

oklch(83.5% 0.023 179.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#EE8681

Peach Pink · LightCoral · Coral Red

HEX

#EE8681

RGB

rgb(238, 134, 129)

HSL

hsl(3, 76%, 72%)

HSB

hsb(3, 46%, 93%)

CMYK

cmyk(0%, 44%, 46%, 7%)

Oklch

oklch(73.2% 0.128 23.6)

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

#C4A2A4

Peach Pink · DarkGray · Coral Red

HEX

#C4A2A4

RGB

rgb(196, 162, 164)

HSL

hsl(356, 22%, 70%)

HSB

hsb(356, 17%, 77%)

CMYK

cmyk(0%, 17%, 16%, 23%)

Oklch

oklch(74.3% 0.040 14.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F05079

Peach Pink · LightCoral · Coral Red

HEX

#F05079

RGB

rgb(240, 80, 121)

HSL

hsl(345, 84%, 63%)

HSB

hsb(345, 67%, 94%)

CMYK

cmyk(0%, 67%, 50%, 6%)

Oklch

oklch(66.1% 0.197 8.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8C3C9

C4E9E2

Analogous

E9C4DC

E8C3C9

E9D0C4

Triadic

E8C3C9

CAE9C4

C4CAE9

Split-Comp.

E8C3C9

C4E9D0

C4DCE9

Tetradic

E8C3C9

DCE9C4

C4E9E2

D0C4E9

Contrast Matrix WCAG 2.1 Contrast

E8C3C9	BACEC9	EE8681	C4A2A4	F05079
—	1.0 Fail	1.6 Fail	1.4 Fail	2.1 Fail
1.0 Fail	—	1.5 Fail	1.4 Fail	2.1 Fail
1.6 Fail	1.5 Fail	—	1.1 Fail	1.4 Fail
1.4 Fail	1.4 Fail	1.1 Fail	—	1.5 Fail
2.1 Fail	2.1 Fail	1.4 Fail	1.5 Fail	—

White BG

1.6Fail

2.5Fail

2.3Fail

3.4AA Large

Black BG

13.1AAA

12.8AAA

8.4AAA

9.1AAA

6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8C8

C3C3CA

C1C082

B5B5A4

ABA96F

Deuteranopia

DADDC7

C2C0CB

C7CF83

B7BAA3

B4C06D

Tritanopia

E6C6C6

BBCBCB

E98383

C2A3A3

E86766

Achromatopsia

CFCFCF

C7C7C7

A5A5A5

ACACAC

858585

Shades & Tints Shades & Tints

#E8C3C9

Dark

Light

#BACEC9

Dark

Light

#EE8681

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8c3c9;
  --color-2: #bacec9;
  --color-3: #ee8681;
  --color-4: #c4a2a4;
  --color-5: #f05079;
}

SCSS

$color-1: #e8c3c9;
$color-2: #bacec9;
$color-3: #ee8681;
$color-4: #c4a2a4;
$color-5: #f05079;

TAILWIND

colors: {
  'brand-1': '#e8c3c9',
  'brand-2': '#bacec9',
  'brand-3': '#ee8681',
  'brand-4': '#c4a2a4',
  'brand-5': '#f05079',
}

RGB Array

[232, 195, 201], [186, 206, 201], [238, 134, 129], [196, 162, 164], [240, 80, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8C3C9, #BACEC9, #EE8681, #C4A2A4, #F05079 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: #e8c3c9; --color-2: #bacec9; --color-3: #ee8681; --color-4: #c4a2a4; --color-5: #f05079. 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