#9F8479 + #E1E074 + #88D3B4 + #DFDBAC + #E898B1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9F8479

Tangerine · Gray · Warm Sun

HEX

#9F8479

RGB

rgb(159, 132, 121)

HSL

hsl(17, 17%, 55%)

HSB

hsb(17, 24%, 62%)

CMYK

cmyk(0%, 17%, 24%, 38%)

Oklch

oklch(63.5% 0.037 43.4)

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

#E1E074

Fresh Green · Khaki · Sunflower

HEX

#E1E074

RGB

rgb(225, 224, 116)

HSL

hsl(59, 64%, 67%)

HSB

hsb(59, 48%, 88%)

CMYK

cmyk(0%, 0%, 48%, 12%)

Oklch

oklch(88.5% 0.131 108.3)

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

#88D3B4

Jade · MediumAquaMarine · Apple Green

HEX

#88D3B4

RGB

rgb(136, 211, 180)

HSL

hsl(155, 46%, 68%)

HSB

hsb(155, 36%, 83%)

CMYK

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

Oklch

oklch(80.9% 0.087 166.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#DFDBAC

Fresh Green · Wheat · Lemon Cream

HEX

#DFDBAC

RGB

rgb(223, 219, 172)

HSL

hsl(55, 44%, 77%)

HSB

hsb(55, 23%, 87%)

CMYK

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

Oklch

oklch(88.3% 0.062 103.5)

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

#E898B1

Rouge · LightPink · Rose Pink

HEX

#E898B1

RGB

rgb(232, 152, 177)

HSL

hsl(341, 63%, 75%)

HSB

hsb(341, 34%, 91%)

CMYK

cmyk(0%, 34%, 24%, 9%)

Oklch

oklch(76.6% 0.100 359.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9F8479

7995A0

Analogous

A07981

9F8479

A09779

Triadic

9F8479

79A084

8479A0

Split-Comp.

9F8479

79A097

7981A0

Tetradic

9F8479

81A079

7995A0

9779A0

Contrast Matrix WCAG 2.1 Contrast

9F8479	E1E074	88D3B4	DFDBAC	E898B1
—	2.5 Fail	2.0 Fail	2.5 Fail	1.6 Fail
2.5 Fail	—	1.3 Fail	1.0 Fail	1.6 Fail
2.0 Fail	1.3 Fail	—	1.2 Fail	1.3 Fail
2.5 Fail	1.0 Fail	1.2 Fail	—	1.6 Fail
1.6 Fail	1.6 Fail	1.3 Fail	1.6 Fail	—

White BG

3.5AA Large

1.4Fail

1.7Fail

1.4Fail

2.2Fail

Black BG

6.1AA

15.1AAA

12.0AAA

14.9AAA

9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

93937C

E1E18E

A8A9BC

DDDDB7

C5C5AB

Deuteranopia

95977C

E1E194

A49FBD

DEDEBA

CAD0AA

Tritanopia

9E7E7E

E1A3A7

8CC1C3

DFC0C2

E4A6A5

Achromatopsia

8B8B8B

D4D4D4

B9B9B9

D7D7D7

B3B3B3

Shades & Tints Shades & Tints

#9F8479

Dark

Light

#E1E074

Dark

Light

#88D3B4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9f8479;
  --color-2: #e1e074;
  --color-3: #88d3b4;
  --color-4: #dfdbac;
  --color-5: #e898b1;
}

SCSS

$color-1: #9f8479;
$color-2: #e1e074;
$color-3: #88d3b4;
$color-4: #dfdbac;
$color-5: #e898b1;

TAILWIND

colors: {
  'brand-1': '#9f8479',
  'brand-2': '#e1e074',
  'brand-3': '#88d3b4',
  'brand-4': '#dfdbac',
  'brand-5': '#e898b1',
}

RGB Array

[159, 132, 121], [225, 224, 116], [136, 211, 180], [223, 219, 172], [232, 152, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9F8479, #E1E074, #88D3B4, #DFDBAC, #E898B1 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: #9f8479; --color-2: #e1e074; --color-3: #88d3b4; --color-4: #dfdbac; --color-5: #e898b1. 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