← Back to Editor

#FB7F9F · #FFC7C7 · #FFD8D8 · #FFE1C4 · #FFEEB6

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

#FB7F9F

Peach Pink · LightCoral · Coral Red

HEX
#FB7F9F
RGB
rgb(251, 127, 159)
HSL
hsl(345, 94%, 74%)
HSB
hsb(345, 49%, 98%)
CMYK
cmyk(0%, 49%, 37%, 2%)
Oklch
oklch(74.5% 0.154 5.2)

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

#FFC7C7

Peach Pink · Pink · Cherry Blossom

HEX
#FFC7C7
RGB
rgb(255, 199, 199)
HSL
hsl(0, 100%, 89%)
HSB
hsb(0, 22%, 100%)
CMYK
cmyk(0%, 22%, 22%, 0%)
Oklch
oklch(87.9% 0.064 18.4)

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

#FFD8D8

Peach Pink · Bisque · Cherry Blossom

HEX
#FFD8D8
RGB
rgb(255, 216, 216)
HSL
hsl(0, 100%, 92%)
HSB
hsb(0, 15%, 100%)
CMYK
cmyk(0%, 15%, 15%, 0%)
Oklch
oklch(91.5% 0.044 18.0)

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

#FFE1C4

Apricot · Bisque · Peach Orange

HEX
#FFE1C4
RGB
rgb(255, 225, 196)
HSL
hsl(29, 100%, 88%)
HSB
hsb(29, 23%, 100%)
CMYK
cmyk(0%, 12%, 23%, 0%)
Oklch
oklch(92.7% 0.051 66.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFEEB6

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEEB6
RGB
rgb(255, 238, 182)
HSL
hsl(46, 100%, 86%)
HSB
hsb(46, 29%, 100%)
CMYK
cmyk(0%, 7%, 29%, 0%)
Oklch
oklch(94.9% 0.074 93.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB7F9F
7EFBDC

Analogous

FB7EDC
FB7F9F
FB9E7E

Triadic

FB7F9F
9EFB7E
7E9EFB

Split-Comp.

FB7F9F
7EFB9E
7EDCFB

Tetradic

FB7F9F
DCFB7E
7EFBDC
9E7EFB

Contrast Matrix WCAG 2.1 Contrast

FB7F9F
FFC7C7
FFD8D8
FFE1C4
FFEEB6
—
1.6
Fail
1.9
Fail
1.9
Fail
2.1
Fail
1.6
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.9
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.9
Fail
1.2
Fail
1.0
Fail
—
1.1
Fail
2.1
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
White BG
2.4Fail
1.5Fail
1.3Fail
1.2Fail
1.2Fail
Black BG
8.6AAA
14.2AAA
16.1AAA
16.8AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C497
E7E6C7
EEEED8
F2F2CB
F8F7C4

Deuteranopia

CDD695
EAEEC7
F0F3D8
F4F6CD
F9FAC7

Tritanopia

F59190
FCC7C7
FDD8D8
FED1D2
FECED1

Achromatopsia

A8A8A8
D8D8D8
E4E4E4
E7E7E7
EDEDED

Shades & Tints Shades & Tints

#FB7F9F

Dark
Light

#FFC7C7

Dark
Light

#FFD8D8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb7f9f;
  --color-2: #ffc7c7;
  --color-3: #ffd8d8;
  --color-4: #ffe1c4;
  --color-5: #ffeeb6;
}

SCSS

$color-1: #fb7f9f;
$color-2: #ffc7c7;
$color-3: #ffd8d8;
$color-4: #ffe1c4;
$color-5: #ffeeb6;

TAILWIND

colors: {
  'brand-1': '#fb7f9f',
  'brand-2': '#ffc7c7',
  'brand-3': '#ffd8d8',
  'brand-4': '#ffe1c4',
  'brand-5': '#ffeeb6',
}

RGB Array

[251, 127, 159], [255, 199, 199], [255, 216, 216], [255, 225, 196], [255, 238, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FB7F9F, #FFC7C7, #FFD8D8, #FFE1C4, #FFEEB6 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: #fb7f9f; --color-2: #ffc7c7; --color-3: #ffd8d8; --color-4: #ffe1c4; --color-5: #ffeeb6. 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