#9C9983 + #FC8B87 + #EFECDC + #C9C5AB + #E05960 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9C9983

Autumn Sage · Gray · Sunflower

HEX

#9C9983

RGB

rgb(156, 153, 131)

HSL

hsl(53, 11%, 56%)

HSB

hsb(53, 16%, 61%)

CMYK

cmyk(0%, 2%, 16%, 39%)

Oklch

oklch(67.9% 0.031 100.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FC8B87

Peach Pink · LightCoral · Coral Red

HEX

#FC8B87

RGB

rgb(252, 139, 135)

HSL

hsl(2, 95%, 76%)

HSB

hsb(2, 46%, 99%)

CMYK

cmyk(0%, 45%, 46%, 1%)

Oklch

oklch(75.9% 0.138 23.0)

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

#EFECDC

Fresh Green · Beige · Lemon Cream

HEX

#EFECDC

RGB

rgb(239, 236, 220)

HSL

hsl(51, 37%, 90%)

HSB

hsb(51, 8%, 94%)

CMYK

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

Oklch

oklch(94.1% 0.021 98.1)

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

#C9C5AB

Fresh Green · Silver · Sunflower

HEX

#C9C5AB

RGB

rgb(201, 197, 171)

HSL

hsl(52, 22%, 73%)

HSB

hsb(52, 15%, 79%)

CMYK

cmyk(0%, 2%, 15%, 21%)

Oklch

oklch(82.0% 0.036 99.9)

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

#E05960

Peach Pink · Tomato · Coral Red

HEX

#E05960

RGB

rgb(224, 89, 96)

HSL

hsl(357, 69%, 61%)

HSB

hsb(357, 60%, 88%)

CMYK

cmyk(0%, 60%, 57%, 12%)

Oklch

oklch(64.1% 0.169 20.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C9983

82859B

Analogous

9B8C82

9C9983

929B82

Triadic

9C9983

829B98

98829B

Split-Comp.

9C9983

82929B

8C829B

Tetradic

9C9983

829B8C

82859B

9B8292

Contrast Matrix WCAG 2.1 Contrast

9C9983	FC8B87	EFECDC	C9C5AB	E05960
—	1.3 Fail	2.4 Fail	1.7 Fail	1.3 Fail
1.3 Fail	—	1.9 Fail	1.3 Fail	1.6 Fail
2.4 Fail	1.9 Fail	—	1.5 Fail	3.1 AA Large
1.7 Fail	1.3 Fail	1.5 Fail	—	2.1 Fail
1.3 Fail	1.6 Fail	3.1 AA Large	2.1 Fail	—

White BG

2.9Fail

2.3Fail

1.2Fail

1.7Fail

3.6AA Large

Black BG

7.3AAA

9.2AAA

17.7AAA

12.1AAA

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B88

CBCA88

EEEEE0

C7C7B1

A6A45E

Deuteranopia

9B9B8A

D2DA88

EEEEE1

C8C8B3

ADB75E

Tritanopia

9C8D8D

F68989

EFE3E4

C9B6B7

D95D5D

Achromatopsia

979797

ACACAC

EBEBEB

C3C3C3

828282

Shades & Tints Shades & Tints

#9C9983

Dark

Light

#FC8B87

Dark

Light

#EFECDC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c9983;
  --color-2: #fc8b87;
  --color-3: #efecdc;
  --color-4: #c9c5ab;
  --color-5: #e05960;
}

SCSS

$color-1: #9c9983;
$color-2: #fc8b87;
$color-3: #efecdc;
$color-4: #c9c5ab;
$color-5: #e05960;

TAILWIND

colors: {
  'brand-1': '#9c9983',
  'brand-2': '#fc8b87',
  'brand-3': '#efecdc',
  'brand-4': '#c9c5ab',
  'brand-5': '#e05960',
}

RGB Array

[156, 153, 131], [252, 139, 135], [239, 236, 220], [201, 197, 171], [224, 89, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9C9983, #FC8B87, #EFECDC, #C9C5AB, #E05960 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: #9c9983; --color-2: #fc8b87; --color-3: #efecdc; --color-4: #c9c5ab; --color-5: #e05960. 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