#E87479 + #BF8691 + #99B1AF + #96C9B6 + #E6DEDB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E87479

Peach Pink · LightCoral · Coral Red

HEX

#E87479

RGB

rgb(232, 116, 121)

HSL

hsl(357, 72%, 68%)

HSB

hsb(357, 50%, 91%)

CMYK

cmyk(0%, 50%, 48%, 9%)

Oklch

oklch(69.4% 0.144 18.9)

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

#BF8691

Peach Pink · DarkGray · Coral Red

HEX

#BF8691

RGB

rgb(191, 134, 145)

HSL

hsl(348, 31%, 64%)

HSB

hsb(348, 30%, 75%)

CMYK

cmyk(0%, 30%, 24%, 25%)

Oklch

oklch(68.0% 0.071 6.4)

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

#99B1AF

Jade · DarkGray · Lake Green

HEX

#99B1AF

RGB

rgb(153, 177, 175)

HSL

hsl(175, 13%, 65%)

HSB

hsb(175, 14%, 69%)

CMYK

cmyk(14%, 0%, 1%, 31%)

Oklch

oklch(74.2% 0.027 190.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#96C9B6

Jade · DarkGray · Apple Green

HEX

#96C9B6

RGB

rgb(150, 201, 182)

HSL

hsl(158, 32%, 69%)

HSB

hsb(158, 25%, 79%)

CMYK

cmyk(25%, 0%, 9%, 21%)

Oklch

oklch(79.5% 0.060 169.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#E6DEDB

Apricot · LightGray · Peach Orange

HEX

#E6DEDB

RGB

rgb(230, 222, 219)

HSL

hsl(16, 18%, 88%)

HSB

hsb(16, 5%, 90%)

CMYK

cmyk(0%, 3%, 5%, 10%)

Oklch

oklch(90.6% 0.010 41.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E87479

73E8E2

Analogous

E873B3

E87479

E8A873

Triadic

E87479

79E873

7379E8

Split-Comp.

E87479

73E8A8

73B3E8

Tetradic

E87479

B3E873

73E8E2

A873E8

Contrast Matrix WCAG 2.1 Contrast

E87479	BF8691	99B1AF	96C9B6	E6DEDB
—	1.0 Fail	1.3 Fail	1.6 Fail	2.2 Fail
1.0 Fail	—	1.3 Fail	1.6 Fail	2.3 Fail
1.3 Fail	1.3 Fail	—	1.2 Fail	1.7 Fail
1.6 Fail	1.6 Fail	1.2 Fail	—	1.4 Fail
2.2 Fail	2.3 Fail	1.7 Fail	1.4 Fail	—

White BG

2.9Fail

3.0Fail

2.3Fail

1.9Fail

1.3Fail

Black BG

7.2AAA

7.0AAA

9.3AAA

11.3AAA

15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B578

A6A68E

A3A4AF

ACADBB

E3E2DC

Deuteranopia

BDC577

AAAE8E

A2A0B0

A9A5BC

E3E4DC

Tritanopia

E27777

BC8C8C

9AB0B0

99BEBF

E6DCDC

Achromatopsia

979797

989898

AAAAAA

B8B8B8

E0E0E0

Shades & Tints Shades & Tints

#E87479

Dark

Light

#BF8691

Dark

Light

#99B1AF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e87479;
  --color-2: #bf8691;
  --color-3: #99b1af;
  --color-4: #96c9b6;
  --color-5: #e6dedb;
}

SCSS

$color-1: #e87479;
$color-2: #bf8691;
$color-3: #99b1af;
$color-4: #96c9b6;
$color-5: #e6dedb;

TAILWIND

colors: {
  'brand-1': '#e87479',
  'brand-2': '#bf8691',
  'brand-3': '#99b1af',
  'brand-4': '#96c9b6',
  'brand-5': '#e6dedb',
}

RGB Array

[232, 116, 121], [191, 134, 145], [153, 177, 175], [150, 201, 182], [230, 222, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E87479, #BF8691, #99B1AF, #96C9B6, #E6DEDB 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: #e87479; --color-2: #bf8691; --color-3: #99b1af; --color-4: #96c9b6; --color-5: #e6dedb. 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