← Back to Editor

#DEAF7C · #FF997A · #FF8587 · #BF7E81 · #997F89

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#DEAF7C

Ginger · BurlyWood · Warm Sun

HEX
#DEAF7C
RGB
rgb(222, 175, 124)
HSL
hsl(31, 60%, 68%)
HSB
hsb(31, 44%, 87%)
CMYK
cmyk(0%, 21%, 44%, 13%)
Oklch
oklch(78.5% 0.086 68.3)

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

#FF997A

Peach Pink · LightSalmon · Coral Red

HEX
#FF997A
RGB
rgb(255, 153, 122)
HSL
hsl(14, 100%, 74%)
HSB
hsb(14, 52%, 100%)
CMYK
cmyk(0%, 40%, 52%, 0%)
Oklch
oklch(78.2% 0.130 37.7)

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

#FF8587

Peach Pink · LightCoral · Coral Red

HEX
#FF8587
RGB
rgb(255, 133, 135)
HSL
hsl(359, 100%, 76%)
HSB
hsb(359, 48%, 100%)
CMYK
cmyk(0%, 48%, 47%, 0%)
Oklch
oklch(75.3% 0.148 20.2)

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

#BF7E81

Peach Pink · DarkSalmon · Coral Red

HEX
#BF7E81
RGB
rgb(191, 126, 129)
HSL
hsl(357, 34%, 62%)
HSB
hsb(357, 34%, 75%)
CMYK
cmyk(0%, 34%, 32%, 25%)
Oklch
oklch(66.1% 0.081 16.5)

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

#997F89

Dark Violet · Gray · Rose Pink

HEX
#997F89
RGB
rgb(153, 127, 137)
HSL
hsl(337, 11%, 55%)
HSB
hsb(337, 17%, 60%)
CMYK
cmyk(0%, 17%, 10%, 40%)
Oklch
oklch(62.4% 0.035 353.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEAF7C
7CACDE

Analogous

DE7E7C
DEAF7C
DDDE7C

Triadic

DEAF7C
7CDEAF
AF7CDE

Split-Comp.

DEAF7C
7CDDDE
7E7CDE

Tetradic

DEAF7C
7CDE7E
7CACDE
DE7CDD

Contrast Matrix WCAG 2.1 Contrast

DEAF7C
FF997A
FF8587
BF7E81
997F89
—
1.0
Fail
1.2
Fail
1.6
Fail
1.8
Fail
1.0
Fail
—
1.1
Fail
1.5
Fail
1.8
Fail
1.2
Fail
1.1
Fail
—
1.4
Fail
1.6
Fail
1.6
Fail
1.5
Fail
1.4
Fail
—
1.1
Fail
1.8
Fail
1.8
Fail
1.6
Fail
1.1
Fail
—
White BG
2.0Fail
2.1Fail
2.3Fail
3.2AA Large
3.7AA Large
Black BG
10.5AAA
10.1AAA
9.0AAA
6.5AA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC988
D3D282
CAC987
A3A280
8E8E87

Deuteranopia

CCD08B
D9E083
D1DA86
A7AC80
8F9186

Tritanopia

DC9294
FA8789
F98686
BC8080
988584

Achromatopsia

B7B7B7
B4B4B4
AAAAAA
929292
888888

Shades & Tints Shades & Tints

#DEAF7C

Dark
Light

#FF997A

Dark
Light

#FF8587

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #deaf7c;
  --color-2: #ff997a;
  --color-3: #ff8587;
  --color-4: #bf7e81;
  --color-5: #997f89;
}

SCSS

$color-1: #deaf7c;
$color-2: #ff997a;
$color-3: #ff8587;
$color-4: #bf7e81;
$color-5: #997f89;

TAILWIND

colors: {
  'brand-1': '#deaf7c',
  'brand-2': '#ff997a',
  'brand-3': '#ff8587',
  'brand-4': '#bf7e81',
  'brand-5': '#997f89',
}

RGB Array

[222, 175, 124], [255, 153, 122], [255, 133, 135], [191, 126, 129], [153, 127, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEAF7C, #FF997A, #FF8587, #BF7E81, #997F89 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #deaf7c; --color-2: #ff997a; --color-3: #ff8587; --color-4: #bf7e81; --color-5: #997f89. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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