#9C807E + #E98F41 + #F2A5D7 + #D6DBBF + #EBF5CB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9C807E

Crimson · Gray · Passion Red

HEX

#9C807E

RGB

rgb(156, 128, 126)

HSL

hsl(4, 13%, 55%)

HSB

hsb(4, 19%, 61%)

CMYK

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

Oklch

oklch(62.6% 0.035 22.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E98F41

Tangerine · Coral · Warm Sun

HEX

#E98F41

RGB

rgb(233, 143, 65)

HSL

hsl(28, 79%, 58%)

HSB

hsb(28, 72%, 91%)

CMYK

cmyk(0%, 39%, 72%, 9%)

Oklch

oklch(73.0% 0.142 58.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F2A5D7

Mauve · LightPink · Cherry Blossom

HEX

#F2A5D7

RGB

rgb(242, 165, 215)

HSL

hsl(321, 75%, 80%)

HSB

hsb(321, 32%, 95%)

CMYK

cmyk(0%, 32%, 11%, 5%)

Oklch

oklch(81.1% 0.110 340.7)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#D6DBBF

Willow Green · LightGray · Apple Green

HEX

#D6DBBF

RGB

rgb(214, 219, 191)

HSL

hsl(71, 28%, 80%)

HSB

hsb(71, 13%, 86%)

CMYK

cmyk(2%, 0%, 13%, 14%)

Oklch

oklch(88.0% 0.038 115.4)

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

#EBF5CB

Willow Green · Beige · Mint Green

HEX

#EBF5CB

RGB

rgb(235, 245, 203)

HSL

hsl(74, 68%, 88%)

HSB

hsb(74, 17%, 96%)

CMYK

cmyk(4%, 0%, 17%, 4%)

Oklch

oklch(95.2% 0.056 118.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C807E

7D999B

Analogous

9B7D8A

9C807E

9B8E7D

Triadic

9C807E

7D9B7F

7F7D9B

Split-Comp.

9C807E

7D9B8E

7D8A9B

Tetradic

9C807E

8A9B7D

7D999B

8E7D9B

Contrast Matrix WCAG 2.1 Contrast

9C807E	E98F41	F2A5D7	D6DBBF	EBF5CB
—	1.5 Fail	1.9 Fail	2.5 Fail	3.2 AA Large
1.5 Fail	—	1.3 Fail	1.7 Fail	2.2 Fail
1.9 Fail	1.3 Fail	—	1.3 Fail	1.7 Fail
2.5 Fail	1.7 Fail	1.3 Fail	—	1.3 Fail
3.2 AA Large	2.2 Fail	1.7 Fail	1.3 Fail	—

White BG

3.6AA Large

2.5Fail

1.9Fail

1.4Fail

1.1Fail

Black BG

5.8AA

8.5AAA

11.1AAA

14.7AAA

18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

90907E

C2C154

D1D0CB

D8D8C6

EFEFD5

Deuteranopia

92947F

C7CE58

D5DBC8

D8D8C7

EFEED8

Tritanopia

9B7F7F

E56366

EEC1BF

D6CBCC

ECDDDF

Achromatopsia

888888

A1A1A1

C2C2C2

D6D6D6

EDEDED

Shades & Tints Shades & Tints

#9C807E

Dark

Light

#E98F41

Dark

Light

#F2A5D7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c807e;
  --color-2: #e98f41;
  --color-3: #f2a5d7;
  --color-4: #d6dbbf;
  --color-5: #ebf5cb;
}

SCSS

$color-1: #9c807e;
$color-2: #e98f41;
$color-3: #f2a5d7;
$color-4: #d6dbbf;
$color-5: #ebf5cb;

TAILWIND

colors: {
  'brand-1': '#9c807e',
  'brand-2': '#e98f41',
  'brand-3': '#f2a5d7',
  'brand-4': '#d6dbbf',
  'brand-5': '#ebf5cb',
}

RGB Array

[156, 128, 126], [233, 143, 65], [242, 165, 215], [214, 219, 191], [235, 245, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9C807E, #E98F41, #F2A5D7, #D6DBBF, #EBF5CB 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: #9c807e; --color-2: #e98f41; --color-3: #f2a5d7; --color-4: #d6dbbf; --color-5: #ebf5cb. 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