← Back to Editor

#F8C5B6 · #DFA595 · #D87770 · #FEEFCF · #ABB195

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

#F8C5B6

Peach Pink · LightPink · Cherry Blossom

HEX
#F8C5B6
RGB
rgb(248, 197, 182)
HSL
hsl(14, 83%, 84%)
HSB
hsb(14, 27%, 97%)
CMYK
cmyk(0%, 21%, 27%, 3%)
Oklch
oklch(86.5% 0.062 37.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DFA595

Peach Pink · Tan · Coral Red

HEX
#DFA595
RGB
rgb(223, 165, 149)
HSL
hsl(13, 54%, 73%)
HSB
hsb(13, 33%, 87%)
CMYK
cmyk(0%, 26%, 33%, 13%)
Oklch
oklch(77.2% 0.073 36.0)

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

#D87770

Peach Pink · LightCoral · Coral Red

HEX
#D87770
RGB
rgb(216, 119, 112)
HSL
hsl(4, 57%, 64%)
HSB
hsb(4, 48%, 85%)
CMYK
cmyk(0%, 45%, 48%, 15%)
Oklch
oklch(67.6% 0.122 25.1)

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

#FEEFCF

Goose Yellow · Bisque · Lemon Cream

HEX
#FEEFCF
RGB
rgb(254, 239, 207)
HSL
hsl(41, 96%, 90%)
HSB
hsb(41, 19%, 100%)
CMYK
cmyk(0%, 6%, 19%, 0%)
Oklch
oklch(95.6% 0.045 85.9)

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

#ABB195

Willow Green · DarkGray · Apple Green

HEX
#ABB195
RGB
rgb(171, 177, 149)
HSL
hsl(73, 15%, 64%)
HSB
hsb(73, 16%, 69%)
CMYK
cmyk(3%, 0%, 16%, 31%)
Oklch
oklch(74.8% 0.040 117.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8C5B6
B4E8F8

Analogous

F8B4C6
F8C5B6
F8E6B4

Triadic

F8C5B6
B4F8C4
C4B4F8

Split-Comp.

F8C5B6
B4F8E6
B4C6F8

Tetradic

F8C5B6
C6F8B4
B4E8F8
E6B4F8

Contrast Matrix WCAG 2.1 Contrast

F8C5B6
DFA595
D87770
FEEFCF
ABB195
—
1.4
Fail
2.0
Fail
1.4
Fail
1.4
Fail
1.4
Fail
—
1.5
Fail
1.9
Fail
1.1
Fail
2.0
Fail
1.5
Fail
—
2.7
Fail
1.4
Fail
1.4
Fail
1.9
Fail
2.7
Fail
—
2.0
Fail
1.4
Fail
1.1
Fail
1.4
Fail
2.0
Fail
—
White BG
1.5Fail
2.1Fail
3.1AA Large
1.1Fail
2.2Fail
Black BG
13.7AAA
10.0AAA
6.8AA
18.5AAA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E1BA
C6C599
AEAD72
F8F7D7
AEAE9C

Deuteranopia

E5E9BB
C9CE9A
B4BB72
F8FAD9
ADAD9D

Tritanopia

F5BCBD
DC9C9D
D37373
FDDDDE
ABA1A2

Achromatopsia

D3D3D3
B5B5B5
939393
F0F0F0
ACACAC

Shades & Tints Shades & Tints

#F8C5B6

Dark
Light

#DFA595

Dark
Light

#D87770

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8c5b6;
  --color-2: #dfa595;
  --color-3: #d87770;
  --color-4: #feefcf;
  --color-5: #abb195;
}

SCSS

$color-1: #f8c5b6;
$color-2: #dfa595;
$color-3: #d87770;
$color-4: #feefcf;
$color-5: #abb195;

TAILWIND

colors: {
  'brand-1': '#f8c5b6',
  'brand-2': '#dfa595',
  'brand-3': '#d87770',
  'brand-4': '#feefcf',
  'brand-5': '#abb195',
}

RGB Array

[248, 197, 182], [223, 165, 149], [216, 119, 112], [254, 239, 207], [171, 177, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8C5B6, #DFA595, #D87770, #FEEFCF, #ABB195 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: #f8c5b6; --color-2: #dfa595; --color-3: #d87770; --color-4: #feefcf; --color-5: #abb195. 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