← Back to Editor

#FAF7F1 · #F5CBCF · #DCBFB6 · #FAC9A5 · #FFFBF6

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

#FAF7F1

Goose Yellow · SeaShell · Lemon Cream

HEX
#FAF7F1
RGB
rgb(250, 247, 241)
HSL
hsl(40, 47%, 96%)
HSB
hsb(40, 4%, 98%)
CMYK
cmyk(0%, 1%, 4%, 2%)
Oklch
oklch(97.7% 0.009 84.6)

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

#F5CBCF

Peach Pink · Pink · Cherry Blossom

HEX
#F5CBCF
RGB
rgb(245, 203, 207)
HSL
hsl(354, 68%, 88%)
HSB
hsb(354, 17%, 96%)
CMYK
cmyk(0%, 17%, 16%, 4%)
Oklch
oklch(87.9% 0.048 11.6)

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

#DCBFB6

Peach Pink · Silver · Coral Red

HEX
#DCBFB6
RGB
rgb(220, 191, 182)
HSL
hsl(14, 35%, 79%)
HSB
hsb(14, 17%, 86%)
CMYK
cmyk(0%, 13%, 17%, 14%)
Oklch
oklch(82.7% 0.036 38.0)

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

#FAC9A5

Apricot · Wheat · Peach Orange

HEX
#FAC9A5
RGB
rgb(250, 201, 165)
HSL
hsl(25, 89%, 81%)
HSB
hsb(25, 34%, 98%)
CMYK
cmyk(0%, 20%, 34%, 2%)
Oklch
oklch(87.0% 0.074 57.9)

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

#FFFBF6

Goose Yellow · Snow · Peach Orange

HEX
#FFFBF6
RGB
rgb(255, 251, 246)
HSL
hsl(33, 100%, 98%)
HSB
hsb(33, 4%, 100%)
CMYK
cmyk(0%, 2%, 4%, 0%)
Oklch
oklch(99.0% 0.008 73.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAF7F1
F0F3FA

Analogous

FAF2F0
FAF7F1
F8FAF0

Triadic

FAF7F1
F0FAF6
F6F0FA

Split-Comp.

FAF7F1
F0F8FA
F2F0FA

Tetradic

FAF7F1
F0FAF2
F0F3FA
FAF0F8

Contrast Matrix WCAG 2.1 Contrast

FAF7F1
F5CBCF
DCBFB6
FAC9A5
FFFBF6
—
1.4
Fail
1.6
Fail
1.4
Fail
1.0
Fail
1.4
Fail
—
1.2
Fail
1.0
Fail
1.4
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.7
Fail
1.4
Fail
1.0
Fail
1.1
Fail
—
1.5
Fail
1.0
Fail
1.4
Fail
1.7
Fail
1.5
Fail
—
White BG
1.1Fail
1.5Fail
1.7Fail
1.5Fail
1.0Fail
Black BG
19.6AAA
14.3AAA
12.2AAA
14.0AAA
20.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9F2
E3E2CE
CFCFB8
E5E4AE
FDFDF7

Deuteranopia

F9F9F3
E5E8CE
D1D3B9
E8EBB0
FEFEF8

Tritanopia

FAF4F4
F3CDCD
DBBABA
F8B5B6
FFF8F8

Achromatopsia

F7F7F7
D8D8D8
C7C7C7
D4D4D4
FCFCFC

Shades & Tints Shades & Tints

#FAF7F1

Dark
Light

#F5CBCF

Dark
Light

#DCBFB6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faf7f1;
  --color-2: #f5cbcf;
  --color-3: #dcbfb6;
  --color-4: #fac9a5;
  --color-5: #fffbf6;
}

SCSS

$color-1: #faf7f1;
$color-2: #f5cbcf;
$color-3: #dcbfb6;
$color-4: #fac9a5;
$color-5: #fffbf6;

TAILWIND

colors: {
  'brand-1': '#faf7f1',
  'brand-2': '#f5cbcf',
  'brand-3': '#dcbfb6',
  'brand-4': '#fac9a5',
  'brand-5': '#fffbf6',
}

RGB Array

[250, 247, 241], [245, 203, 207], [220, 191, 182], [250, 201, 165], [255, 251, 246]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAF7F1, #F5CBCF, #DCBFB6, #FAC9A5, #FFFBF6 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: #faf7f1; --color-2: #f5cbcf; --color-3: #dcbfb6; --color-4: #fac9a5; --color-5: #fffbf6. 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