#FF9D87 + #DAB590 + #B5CC98 + #C6D185 + #D6D672 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FF9D87

Peach Pink · LightSalmon · Coral Red

HEX

#FF9D87

RGB

rgb(255, 157, 135)

HSL

hsl(11, 100%, 76%)

HSB

hsb(11, 47%, 100%)

CMYK

cmyk(0%, 38%, 47%, 0%)

Oklch

oklch(79.1% 0.122 33.4)

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

#DAB590

Goose Yellow · Tan · Warm Sun

HEX

#DAB590

RGB

rgb(218, 181, 144)

HSL

hsl(30, 50%, 71%)

HSB

hsb(30, 34%, 85%)

CMYK

cmyk(0%, 17%, 34%, 15%)

Oklch

oklch(79.7% 0.066 66.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#B5CC98

Willow Green · Tan · Apple Green

HEX

#B5CC98

RGB

rgb(181, 204, 152)

HSL

hsl(87, 34%, 70%)

HSB

hsb(87, 25%, 80%)

CMYK

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

Oklch

oklch(81.5% 0.075 127.4)

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

#C6D185

Fresh Green · Tan · Sunflower

HEX

#C6D185

RGB

rgb(198, 209, 133)

HSL

hsl(69, 45%, 67%)

HSB

hsb(69, 36%, 82%)

CMYK

cmyk(5%, 0%, 36%, 18%)

Oklch

oklch(83.5% 0.099 115.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#D6D672

Fresh Green · BurlyWood · Sunflower

HEX

#D6D672

RGB

rgb(214, 214, 114)

HSL

hsl(60, 55%, 64%)

HSB

hsb(60, 47%, 84%)

CMYK

cmyk(0%, 0%, 47%, 16%)

Oklch

oklch(85.5% 0.123 108.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF9D87

85E9FF

Analogous

FF85AB

FF9D87

FFD885

Triadic

FF9D87

85FF9B

9B85FF

Split-Comp.

FF9D87

85FFD8

85ABFF

Tetradic

FF9D87

ABFF85

85E9FF

D885FF

Contrast Matrix WCAG 2.1 Contrast

FF9D87	DAB590	B5CC98	C6D185	D6D672
—	1.1 Fail	1.2 Fail	1.2 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

2.0Fail

1.9Fail

1.7Fail

1.6Fail

1.5Fail

Black BG

10.4AAA

11.0AAA

12.1AAA

12.9AAA

13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D48C

CACA99

BFBFA5

CBCB97

D6D68A

Deuteranopia

DAE28E

CCCF9B

BEBCA8

CAC99C

D6D690

Tritanopia

FA9191

D8A0A2

B6AFB1

C7A6A9

D69DA2

Achromatopsia

B8B8B8

BCBCBC

BFBFBF

C5C5C5

CBCBCB

Shades & Tints Shades & Tints

#FF9D87

Dark

Light

#DAB590

Dark

Light

#B5CC98

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff9d87;
  --color-2: #dab590;
  --color-3: #b5cc98;
  --color-4: #c6d185;
  --color-5: #d6d672;
}

SCSS

$color-1: #ff9d87;
$color-2: #dab590;
$color-3: #b5cc98;
$color-4: #c6d185;
$color-5: #d6d672;

TAILWIND

colors: {
  'brand-1': '#ff9d87',
  'brand-2': '#dab590',
  'brand-3': '#b5cc98',
  'brand-4': '#c6d185',
  'brand-5': '#d6d672',
}

RGB Array

[255, 157, 135], [218, 181, 144], [181, 204, 152], [198, 209, 133], [214, 214, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF9D87, #DAB590, #B5CC98, #C6D185, #D6D672 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: #ff9d87; --color-2: #dab590; --color-3: #b5cc98; --color-4: #c6d185; --color-5: #d6d672. 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