#F85C77 + #EC8475 + #AAC0A5 + #8BE1BC + #DDEADA · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#F85C77

Peach Pink · Salmon · Coral Red

HEX

#F85C77

RGB

rgb(248, 92, 119)

HSL

hsl(350, 92%, 67%)

HSB

hsb(350, 63%, 97%)

CMYK

cmyk(0%, 63%, 52%, 3%)

Oklch

oklch(68.5% 0.191 13.4)

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

#EC8475

Peach Pink · LightCoral · Coral Red

HEX

#EC8475

RGB

rgb(236, 132, 117)

HSL

hsl(8, 76%, 69%)

HSB

hsb(8, 50%, 93%)

CMYK

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

Oklch

oklch(72.3% 0.130 29.3)

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

#AAC0A5

Celadon · DarkGray · Apple Green

HEX

#AAC0A5

RGB

rgb(170, 192, 165)

HSL

hsl(109, 18%, 70%)

HSB

hsb(109, 14%, 75%)

CMYK

cmyk(11%, 0%, 14%, 25%)

Oklch

oklch(78.4% 0.045 139.9)

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

#8BE1BC

Jade · MediumAquaMarine · Apple Green

HEX

#8BE1BC

RGB

rgb(139, 225, 188)

HSL

hsl(154, 59%, 71%)

HSB

hsb(154, 38%, 88%)

CMYK

cmyk(38%, 0%, 16%, 12%)

Oklch

oklch(84.5% 0.099 165.0)

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

#DDEADA

Celadon · LightGray · Mint Green

HEX

#DDEADA

RGB

rgb(221, 234, 218)

HSL

hsl(109, 28%, 89%)

HSB

hsb(109, 7%, 92%)

CMYK

cmyk(6%, 0%, 7%, 8%)

Oklch

oklch(92.3% 0.025 139.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F85C77

5DF8DE

Analogous

F85DC5

F85C77

F8915D

Triadic

F85C77

77F85D

5D77F8

Split-Comp.

F85C77

5DF891

5DC5F8

Tetradic

F85C77

C5F85D

5DF8DE

915DF8

Contrast Matrix WCAG 2.1 Contrast

F85C77	EC8475	AAC0A5	8BE1BC	DDEADA
—	1.2 Fail	1.6 Fail	2.0 Fail	2.5 Fail
1.2 Fail	—	1.3 Fail	1.7 Fail	2.1 Fail
1.6 Fail	1.3 Fail	—	1.3 Fail	1.6 Fail
2.0 Fail	1.7 Fail	1.3 Fail	—	1.2 Fail
2.5 Fail	2.1 Fail	1.6 Fail	1.2 Fail	—

White BG

3.1AA Large

2.6Fail

1.9Fail

1.5Fail

1.2Fail

Black BG

6.8AA

8.1AAA

10.8AAA

13.6AAA

16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B370

BFBE79

B4B4AC

B0B1C5

E3E3DE

Deuteranopia

BEC96F

C5CD7A

B2B1AD

ABA5C7

E2E1DF

Tritanopia

F06B6A

E77B7C

ABB1B2

8FCCCE

DEE1E2

Achromatopsia

8E8E8E

A1A1A1

B6B6B6

C3C3C3

E4E4E4

Shades & Tints Shades & Tints

#F85C77

Dark

Light

#EC8475

Dark

Light

#AAC0A5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f85c77;
  --color-2: #ec8475;
  --color-3: #aac0a5;
  --color-4: #8be1bc;
  --color-5: #ddeada;
}

SCSS

$color-1: #f85c77;
$color-2: #ec8475;
$color-3: #aac0a5;
$color-4: #8be1bc;
$color-5: #ddeada;

TAILWIND

colors: {
  'brand-1': '#f85c77',
  'brand-2': '#ec8475',
  'brand-3': '#aac0a5',
  'brand-4': '#8be1bc',
  'brand-5': '#ddeada',
}

RGB Array

[248, 92, 119], [236, 132, 117], [170, 192, 165], [139, 225, 188], [221, 234, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F85C77, #EC8475, #AAC0A5, #8BE1BC, #DDEADA 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: #f85c77; --color-2: #ec8475; --color-3: #aac0a5; --color-4: #8be1bc; --color-5: #ddeada. 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 pastel-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