#FF8899 + #FED1CD + #9FC89C + #71AB83 + #719679 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FF8899

Peach Pink · LightCoral · Coral Red

HEX

#FF8899

RGB

rgb(255, 136, 153)

HSL

hsl(351, 100%, 77%)

HSB

hsb(351, 47%, 100%)

CMYK

cmyk(0%, 47%, 40%, 0%)

Oklch

oklch(76.2% 0.145 12.1)

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

#FED1CD

Peach Pink · Pink · Cherry Blossom

HEX

#FED1CD

RGB

rgb(254, 209, 205)

HSL

hsl(5, 96%, 90%)

HSB

hsb(5, 19%, 100%)

CMYK

cmyk(0%, 18%, 19%, 0%)

Oklch

oklch(89.8% 0.051 24.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#9FC89C

Celadon · DarkSeaGreen · Apple Green

HEX

#9FC89C

RGB

rgb(159, 200, 156)

HSL

hsl(116, 29%, 70%)

HSB

hsb(116, 22%, 78%)

CMYK

cmyk(21%, 0%, 22%, 22%)

Oklch

oklch(79.1% 0.075 143.1)

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

#71AB83

Celadon · DarkSeaGreen · Olive Green

HEX

#71AB83

RGB

rgb(113, 171, 131)

HSL

hsl(139, 26%, 56%)

HSB

hsb(139, 34%, 67%)

CMYK

cmyk(34%, 0%, 23%, 33%)

Oklch

oklch(69.0% 0.085 153.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#719679

Celadon · Gray · Olive Green

HEX

#719679

RGB

rgb(113, 150, 121)

HSL

hsl(133, 15%, 52%)

HSB

hsb(133, 25%, 59%)

CMYK

cmyk(25%, 0%, 19%, 41%)

Oklch

oklch(63.7% 0.060 151.0)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8899

8AFFED

Analogous

FF8AD6

FF8899

FFB38A

Triadic

FF8899

9BFF8A

8A9BFF

Split-Comp.

FF8899

8AFFB3

8AD6FF

Tetradic

FF8899

D6FF8A

8AFFED

B38AFF

Contrast Matrix WCAG 2.1 Contrast

FF8899	FED1CD	9FC89C	71AB83	719679
—	1.6 Fail	1.2 Fail	1.2 Fail	1.5 Fail
1.6 Fail	—	1.4 Fail	1.9 Fail	2.4 Fail
1.2 Fail	1.4 Fail	—	1.4 Fail	1.8 Fail
1.2 Fail	1.9 Fail	1.4 Fail	—	1.2 Fail
1.5 Fail	2.4 Fail	1.8 Fail	1.2 Fail	—

White BG

2.3Fail

1.4Fail

1.9Fail

2.7Fail

3.3AA Large

Black BG

9.2AAA

15.2AAA

11.2AAA

7.9AAA

6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCA95

EBEACE

B1B1A7

8A8B8D

818180

Deuteranopia

D2DB94

EDF0CE

AEABA9

87828F

7F7C82

Tritanopia

F99291

FCCFCF

A1AFB1

749496

738687

Achromatopsia

AEAEAE

DEDEDE

B7B7B7

959595

888888

Shades & Tints Shades & Tints

#FF8899

Dark

Light

#FED1CD

Dark

Light

#9FC89C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8899;
  --color-2: #fed1cd;
  --color-3: #9fc89c;
  --color-4: #71ab83;
  --color-5: #719679;
}

SCSS

$color-1: #ff8899;
$color-2: #fed1cd;
$color-3: #9fc89c;
$color-4: #71ab83;
$color-5: #719679;

TAILWIND

colors: {
  'brand-1': '#ff8899',
  'brand-2': '#fed1cd',
  'brand-3': '#9fc89c',
  'brand-4': '#71ab83',
  'brand-5': '#719679',
}

RGB Array

[255, 136, 153], [254, 209, 205], [159, 200, 156], [113, 171, 131], [113, 150, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF8899, #FED1CD, #9FC89C, #71AB83, #719679 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: #ff8899; --color-2: #fed1cd; --color-3: #9fc89c; --color-4: #71ab83; --color-5: #719679. 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