#8FBC8F + #BAD9BA + #E38899 + #EFA0AE + #FFC0CB · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#8FBC8F

Celadon · DarkSeaGreen · Apple Green

HEX

#8FBC8F

RGB

rgb(143, 188, 143)

HSL

hsl(120, 25%, 65%)

HSB

hsb(120, 24%, 74%)

CMYK

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

Oklch

oklch(75.1% 0.080 144.7)

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

#BAD9BA

Celadon · Silver · Apple Green

HEX

#BAD9BA

RGB

rgb(186, 217, 186)

HSL

hsl(120, 29%, 79%)

HSB

hsb(120, 14%, 85%)

CMYK

cmyk(14%, 0%, 14%, 15%)

Oklch

oklch(85.4% 0.054 145.1)

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

#E38899

Peach Pink · LightCoral · Coral Red

HEX

#E38899

RGB

rgb(227, 136, 153)

HSL

hsl(349, 62%, 71%)

HSB

hsb(349, 40%, 89%)

CMYK

cmyk(0%, 40%, 33%, 11%)

Oklch

oklch(72.7% 0.113 8.2)

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

#EFA0AE

Peach Pink · LightPink · Coral Red

HEX

#EFA0AE

RGB

rgb(239, 160, 174)

HSL

hsl(349, 71%, 78%)

HSB

hsb(349, 33%, 94%)

CMYK

cmyk(0%, 33%, 27%, 6%)

Oklch

oklch(78.7% 0.095 7.9)

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

#FFC0CB

Peach Pink · Pink · Cherry Blossom

HEX

#FFC0CB

RGB

rgb(255, 192, 203)

HSL

hsl(350, 100%, 88%)

HSB

hsb(350, 25%, 100%)

CMYK

cmyk(0%, 25%, 20%, 0%)

Oklch

oklch(86.8% 0.074 7.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8FBC8F

BC8FBC

Analogous

A6BC8F

8FBC8F

8FBCA6

Triadic

8FBC8F

8F8FBC

BC8F8F

Split-Comp.

8FBC8F

A68FBC

BC8FA6

Tetradic

8FBC8F

8FA6BC

BC8FBC

BCA68F

Contrast Matrix WCAG 2.1 Contrast

8FBC8F	BAD9BA	E38899	EFA0AE	FFC0CB
—	1.4 Fail	1.2 Fail	1.1 Fail	1.4 Fail
1.4 Fail	—	1.7 Fail	1.3 Fail	1.0 Fail
1.2 Fail	1.7 Fail	—	1.2 Fail	1.7 Fail
1.1 Fail	1.3 Fail	1.2 Fail	—	1.3 Fail
1.4 Fail	1.0 Fail	1.7 Fail	1.3 Fail	—

White BG

2.2Fail

1.5Fail

2.5Fail

2.0Fail

1.5Fail

Black BG

9.8AAA

13.7AAA

8.2AAA

10.3AAA

13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A39A

C7C8C2

BCBB95

CDCCAB

E4E3C8

Deuteranopia

A09D9D

C6C3C3

C1C894

D1D7AA

E7ECC8

Tritanopia

91A2A4

BCC7C9

DE9291

EBA8A7

FCC6C6

Achromatopsia

A9A9A9

CCCCCC

A5A5A5

B9B9B9

D4D4D4

Shades & Tints Shades & Tints

#8FBC8F

Dark

Light

#BAD9BA

Dark

Light

#E38899

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8fbc8f;
  --color-2: #bad9ba;
  --color-3: #e38899;
  --color-4: #efa0ae;
  --color-5: #ffc0cb;
}

SCSS

$color-1: #8fbc8f;
$color-2: #bad9ba;
$color-3: #e38899;
$color-4: #efa0ae;
$color-5: #ffc0cb;

TAILWIND

colors: {
  'brand-1': '#8fbc8f',
  'brand-2': '#bad9ba',
  'brand-3': '#e38899',
  'brand-4': '#efa0ae',
  'brand-5': '#ffc0cb',
}

RGB Array

[143, 188, 143], [186, 217, 186], [227, 136, 153], [239, 160, 174], [255, 192, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #8FBC8F, #BAD9BA, #E38899, #EFA0AE, #FFC0CB 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: #8fbc8f; --color-2: #bad9ba; --color-3: #e38899; --color-4: #efa0ae; --color-5: #ffc0cb. 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