#958F83 + #DF8D77 + #E8A988 + #F7D6AD + #DBCC91 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#958F83

Ginger · Gray · Warm Gray

HEX

#958F83

RGB

rgb(149, 143, 131)

HSL

hsl(40, 8%, 55%)

HSB

hsb(40, 12%, 58%)

CMYK

cmyk(0%, 4%, 12%, 42%)

Oklch

oklch(65.2% 0.019 84.6)

Traditional「Ginger」· Paint「Warm Gray」· Creative Urban Concrete

#DF8D77

Peach Pink · DarkSalmon · Coral Red

HEX

#DF8D77

RGB

rgb(223, 141, 119)

HSL

hsl(13, 62%, 67%)

HSB

hsb(13, 47%, 87%)

CMYK

cmyk(0%, 37%, 47%, 13%)

Oklch

oklch(72.3% 0.106 35.8)

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

#E8A988

Apricot · BurlyWood · Warm Sun

HEX

#E8A988

RGB

rgb(232, 169, 136)

HSL

hsl(21, 68%, 72%)

HSB

hsb(21, 41%, 91%)

CMYK

cmyk(0%, 27%, 41%, 9%)

Oklch

oklch(78.6% 0.087 48.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F7D6AD

Goose Yellow · Wheat · Peach Orange

HEX

#F7D6AD

RGB

rgb(247, 214, 173)

HSL

hsl(33, 82%, 82%)

HSB

hsb(33, 30%, 97%)

CMYK

cmyk(0%, 13%, 30%, 3%)

Oklch

oklch(89.4% 0.065 72.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#DBCC91

Goose Yellow · BurlyWood · Sunflower

HEX

#DBCC91

RGB

rgb(219, 204, 145)

HSL

hsl(48, 51%, 71%)

HSB

hsb(48, 34%, 86%)

CMYK

cmyk(0%, 7%, 34%, 14%)

Oklch

oklch(84.4% 0.078 95.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

958F83

838995

Analogous

958683

958F83

929583

Triadic

958F83

83958F

8F8395

Split-Comp.

958F83

839295

868395

Tetradic

958F83

839586

838995

958392

Contrast Matrix WCAG 2.1 Contrast

958F83	DF8D77	E8A988	F7D6AD	DBCC91
—	1.3 Fail	1.6 Fail	2.3 Fail	2.0 Fail
1.3 Fail	—	1.3 Fail	1.8 Fail	1.6 Fail
1.6 Fail	1.3 Fail	—	1.5 Fail	1.2 Fail
2.3 Fail	1.8 Fail	1.5 Fail	—	1.2 Fail
2.0 Fail	1.6 Fail	1.2 Fail	1.2 Fail	—

White BG

3.2AA Large

2.6Fail

2.0Fail

1.4Fail

1.6Fail

Black BG

6.5AA

8.2AAA

10.5AAA

15.2AAA

13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

929286

BBBB7C

CDCC90

E9E8B7

D5D49F

Deuteranopia

939387

C0C67E

D0D592

EBEDB9

D5D6A3

Tritanopia

958889

DB8181

E59698

F5BFC0

DAABAD

Achromatopsia

8F8F8F

A3A3A3

B8B8B8

DBDBDB

CACACA

Shades & Tints Shades & Tints

#958F83

Dark

Light

#DF8D77

Dark

Light

#E8A988

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #958f83;
  --color-2: #df8d77;
  --color-3: #e8a988;
  --color-4: #f7d6ad;
  --color-5: #dbcc91;
}

SCSS

$color-1: #958f83;
$color-2: #df8d77;
$color-3: #e8a988;
$color-4: #f7d6ad;
$color-5: #dbcc91;

TAILWIND

colors: {
  'brand-1': '#958f83',
  'brand-2': '#df8d77',
  'brand-3': '#e8a988',
  'brand-4': '#f7d6ad',
  'brand-5': '#dbcc91',
}

RGB Array

[149, 143, 131], [223, 141, 119], [232, 169, 136], [247, 214, 173], [219, 204, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #958F83, #DF8D77, #E8A988, #F7D6AD, #DBCC91 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: #958f83; --color-2: #df8d77; --color-3: #e8a988; --color-4: #f7d6ad; --color-5: #dbcc91. 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