#E05D6F + #FD9CA7 + #AAD5C2 + #80C1B2 + #62A7A2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E05D6F

Peach Pink · LightCoral · Coral Red

HEX

#E05D6F

RGB

rgb(224, 93, 111)

HSL

hsl(352, 68%, 62%)

HSB

hsb(352, 58%, 88%)

CMYK

cmyk(0%, 58%, 50%, 12%)

Oklch

oklch(64.9% 0.164 14.5)

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

#FD9CA7

Peach Pink · LightPink · Coral Red

HEX

#FD9CA7

RGB

rgb(253, 156, 167)

HSL

hsl(353, 96%, 80%)

HSB

hsb(353, 38%, 99%)

CMYK

cmyk(0%, 38%, 34%, 1%)

Oklch

oklch(79.4% 0.116 12.7)

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

#AAD5C2

Jade · Silver · Apple Green

HEX

#AAD5C2

RGB

rgb(170, 213, 194)

HSL

hsl(153, 34%, 75%)

HSB

hsb(153, 20%, 84%)

CMYK

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

Oklch

oklch(83.7% 0.052 166.4)

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

#80C1B2

Jade · MediumAquaMarine · Lake Green

HEX

#80C1B2

RGB

rgb(128, 193, 178)

HSL

hsl(166, 34%, 63%)

HSB

hsb(166, 34%, 76%)

CMYK

cmyk(34%, 0%, 8%, 24%)

Oklch

oklch(76.3% 0.070 178.2)

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

#62A7A2

Mineral Blue · CadetBlue · Lake Green

HEX

#62A7A2

RGB

rgb(98, 167, 162)

HSL

hsl(176, 28%, 52%)

HSB

hsb(176, 41%, 65%)

CMYK

cmyk(41%, 0%, 3%, 35%)

Oklch

oklch(68.1% 0.071 189.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E05D6F

5CE0CE

Analogous

E05CB0

E05D6F

E08D5C

Triadic

E05D6F

6EE05C

5C6EE0

Split-Comp.

E05D6F

5CE08D

5CB0E0

Tetradic

E05D6F

B0E05C

5CE0CE

8D5CE0

Contrast Matrix WCAG 2.1 Contrast

E05D6F	FD9CA7	AAD5C2	80C1B2	62A7A2
—	1.8 Fail	2.2 Fail	1.7 Fail	1.3 Fail
1.8 Fail	—	1.2 Fail	1.0 Fail	1.4 Fail
2.2 Fail	1.2 Fail	—	1.3 Fail	1.7 Fail
1.7 Fail	1.0 Fail	1.3 Fail	—	1.3 Fail
1.3 Fail	1.4 Fail	1.7 Fail	1.3 Fail	—

White BG

3.5AA Large

2.0Fail

1.6Fail

2.1Fail

2.8Fail

Black BG

6.0AA

10.5AAA

13.0AAA

10.2AAA

7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A66B

D3D2A4

BDBDC7

9C9DB6

8080A3

Deuteranopia

AFB96A

D9E0A4

BAB7C8

9894B7

7C77A4

Tritanopia

D96766

F8A2A2

ACCACB

83B8B9

65A4A4

Achromatopsia

868686

BABABA

C6C6C6

ACACAC

929292

Shades & Tints Shades & Tints

#E05D6F

Dark

Light

#FD9CA7

Dark

Light

#AAD5C2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e05d6f;
  --color-2: #fd9ca7;
  --color-3: #aad5c2;
  --color-4: #80c1b2;
  --color-5: #62a7a2;
}

SCSS

$color-1: #e05d6f;
$color-2: #fd9ca7;
$color-3: #aad5c2;
$color-4: #80c1b2;
$color-5: #62a7a2;

TAILWIND

colors: {
  'brand-1': '#e05d6f',
  'brand-2': '#fd9ca7',
  'brand-3': '#aad5c2',
  'brand-4': '#80c1b2',
  'brand-5': '#62a7a2',
}

RGB Array

[224, 93, 111], [253, 156, 167], [170, 213, 194], [128, 193, 178], [98, 167, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E05D6F, #FD9CA7, #AAD5C2, #80C1B2, #62A7A2 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: #e05d6f; --color-2: #fd9ca7; --color-3: #aad5c2; --color-4: #80c1b2; --color-5: #62a7a2. 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