← Back to Editor

#FF958D · #F8CECF · #F4DDB2 · #F6E9D0 · #FDFCF1

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

#FF958D

Peach Pink · LightSalmon · Coral Red

HEX
#FF958D
RGB
rgb(255, 149, 141)
HSL
hsl(4, 100%, 78%)
HSB
hsb(4, 45%, 100%)
CMYK
cmyk(0%, 42%, 45%, 0%)
Oklch
oklch(77.9% 0.129 25.0)

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

#F8CECF

Peach Pink · Pink · Cherry Blossom

HEX
#F8CECF
RGB
rgb(248, 206, 207)
HSL
hsl(359, 75%, 89%)
HSB
hsb(359, 17%, 97%)
CMYK
cmyk(0%, 17%, 17%, 3%)
Oklch
oklch(88.8% 0.047 16.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F4DDB2

Goose Yellow · Wheat · Peach Orange

HEX
#F4DDB2
RGB
rgb(244, 221, 178)
HSL
hsl(39, 75%, 83%)
HSB
hsb(39, 27%, 96%)
CMYK
cmyk(0%, 9%, 27%, 4%)
Oklch
oklch(90.6% 0.062 83.0)

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

#F6E9D0

Goose Yellow · Bisque · Peach Orange

HEX
#F6E9D0
RGB
rgb(246, 233, 208)
HSL
hsl(39, 68%, 89%)
HSB
hsb(39, 15%, 96%)
CMYK
cmyk(0%, 5%, 15%, 4%)
Oklch
oklch(93.8% 0.036 83.8)

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

#FDFCF1

Fresh Green · SeaShell · Lemon Cream

HEX
#FDFCF1
RGB
rgb(253, 252, 241)
HSL
hsl(55, 75%, 97%)
HSB
hsb(55, 5%, 99%)
CMYK
cmyk(0%, 0%, 5%, 1%)
Oklch
oklch(98.9% 0.014 102.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF958D
8FF8FF

Analogous

FF8FBF
FF958D
FFCE8F

Triadic

FF958D
8FFF96
968FFF

Split-Comp.

FF958D
8FFFCE
8FBFFF

Tetradic

FF958D
BFFF8F
8FF8FF
CE8FFF

Contrast Matrix WCAG 2.1 Contrast

FF958D
F8CECF
F4DDB2
F6E9D0
FDFCF1
—
1.5
Fail
1.6
Fail
1.8
Fail
2.1
Fail
1.5
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.6
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.8
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
2.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
White BG
2.1Fail
1.4Fail
1.3Fail
1.2Fail
1.0Fail
Black BG
9.9AAA
14.7AAA
15.8AAA
17.5AAA
20.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D08F
E6E5CF
EAEABC
F0F0D6
FDFDF4

Deuteranopia

D7DF8F
E8EBCF
EBEDBF
F1F2D8
FDFDF4

Tritanopia

FA9091
F6CFCF
F3C5C6
F5DBDC
FDF6F6

Achromatopsia

B4B4B4
DBDBDB
DFDFDF
EAEAEA
FBFBFB

Shades & Tints Shades & Tints

#FF958D

Dark
Light

#F8CECF

Dark
Light

#F4DDB2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff958d;
  --color-2: #f8cecf;
  --color-3: #f4ddb2;
  --color-4: #f6e9d0;
  --color-5: #fdfcf1;
}

SCSS

$color-1: #ff958d;
$color-2: #f8cecf;
$color-3: #f4ddb2;
$color-4: #f6e9d0;
$color-5: #fdfcf1;

TAILWIND

colors: {
  'brand-1': '#ff958d',
  'brand-2': '#f8cecf',
  'brand-3': '#f4ddb2',
  'brand-4': '#f6e9d0',
  'brand-5': '#fdfcf1',
}

RGB Array

[255, 149, 141], [248, 206, 207], [244, 221, 178], [246, 233, 208], [253, 252, 241]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF958D, #F8CECF, #F4DDB2, #F6E9D0, #FDFCF1 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: #ff958d; --color-2: #f8cecf; --color-3: #f4ddb2; --color-4: #f6e9d0; --color-5: #fdfcf1. 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