#E87C77 + #95BD90 + #6CAF98 + #CAC2B0 + #F13374 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E87C77

Peach Pink · LightCoral · Coral Red

HEX

#E87C77

RGB

rgb(232, 124, 119)

HSL

hsl(3, 71%, 69%)

HSB

hsb(3, 49%, 91%)

CMYK

cmyk(0%, 47%, 49%, 9%)

Oklch

oklch(70.6% 0.134 23.8)

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

#95BD90

Celadon · DarkSeaGreen · Apple Green

HEX

#95BD90

RGB

rgb(149, 189, 144)

HSL

hsl(113, 25%, 65%)

HSB

hsb(113, 24%, 74%)

CMYK

cmyk(21%, 0%, 24%, 26%)

Oklch

oklch(75.7% 0.076 141.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#6CAF98

Mineral Blue · CadetBlue · Olive Green

HEX

#6CAF98

RGB

rgb(108, 175, 152)

HSL

hsl(159, 30%, 55%)

HSB

hsb(159, 38%, 69%)

CMYK

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

Oklch

oklch(70.2% 0.077 170.2)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#CAC2B0

Goose Yellow · Silver · Sunflower

HEX

#CAC2B0

RGB

rgb(202, 194, 176)

HSL

hsl(42, 20%, 74%)

HSB

hsb(42, 13%, 79%)

CMYK

cmyk(0%, 4%, 13%, 21%)

Oklch

oklch(81.6% 0.026 86.9)

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

#F13374

Dark Violet · DeepPink · Rose Pink

HEX

#F13374

RGB

rgb(241, 51, 116)

HSL

hsl(339, 87%, 57%)

HSB

hsb(339, 79%, 95%)

CMYK

cmyk(0%, 79%, 52%, 5%)

Oklch

oklch(63.6% 0.225 6.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E87C77

78E2E8

Analogous

E878AA

E87C77

E8B678

Triadic

E87C77

78E87D

7D78E8

Split-Comp.

E87C77

78E8B6

78AAE8

Tetradic

E87C77

AAE878

78E2E8

B678E8

Contrast Matrix WCAG 2.1 Contrast

E87C77	95BD90	6CAF98	CAC2B0	F13374
—	1.3 Fail	1.1 Fail	1.6 Fail	1.4 Fail
1.3 Fail	—	1.2 Fail	1.2 Fail	1.8 Fail
1.1 Fail	1.2 Fail	—	1.4 Fail	1.5 Fail
1.6 Fail	1.2 Fail	1.4 Fail	—	2.2 Fail
1.4 Fail	1.8 Fail	1.5 Fail	2.2 Fail	—

White BG

2.8Fail

2.1Fail

2.6Fail

1.8Fail

3.8AA Large

Black BG

7.6AAA

10.0AAA

8.2AAA

11.9AAA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B878

A6A79B

898A9E

C7C6B4

9F9D64

Deuteranopia

C0C879

A4A19E

85809F

C7C8B5

AAB860

Tritanopia

E37979

97A3A5

6FA2A3

CAB8B9

E85855

Achromatopsia

9C9C9C

ACACAC

989898

C2C2C2

737373

Shades & Tints Shades & Tints

#E87C77

Dark

Light

#95BD90

Dark

Light

#6CAF98

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e87c77;
  --color-2: #95bd90;
  --color-3: #6caf98;
  --color-4: #cac2b0;
  --color-5: #f13374;
}

SCSS

$color-1: #e87c77;
$color-2: #95bd90;
$color-3: #6caf98;
$color-4: #cac2b0;
$color-5: #f13374;

TAILWIND

colors: {
  'brand-1': '#e87c77',
  'brand-2': '#95bd90',
  'brand-3': '#6caf98',
  'brand-4': '#cac2b0',
  'brand-5': '#f13374',
}

RGB Array

[232, 124, 119], [149, 189, 144], [108, 175, 152], [202, 194, 176], [241, 51, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E87C77, #95BD90, #6CAF98, #CAC2B0, #F13374 is ideal for: corporate websites, product showcases, portfolios. 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: #e87c77; --color-2: #95bd90; --color-3: #6caf98; --color-4: #cac2b0; --color-5: #f13374. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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