← Back to Editor

#FFF8F5 · #C7F2E4 · #F2CB7C · #FF9B80 · #E67A98

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FFF8F5

Apricot · Snow · Peach Orange

HEX
#FFF8F5
RGB
rgb(255, 248, 245)
HSL
hsl(18, 100%, 98%)
HSB
hsb(18, 4%, 100%)
CMYK
cmyk(0%, 3%, 4%, 0%)
Oklch
oklch(98.4% 0.009 44.9)

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

#C7F2E4

Jade · LightBlue · Glacier Blue

HEX
#C7F2E4
RGB
rgb(199, 242, 228)
HSL
hsl(160, 62%, 86%)
HSB
hsb(160, 18%, 95%)
CMYK
cmyk(18%, 0%, 6%, 5%)
Oklch
oklch(92.7% 0.048 173.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#F2CB7C

Goose Yellow · BurlyWood · Sunflower

HEX
#F2CB7C
RGB
rgb(242, 203, 124)
HSL
hsl(40, 82%, 72%)
HSB
hsb(40, 49%, 95%)
CMYK
cmyk(0%, 16%, 49%, 5%)
Oklch
oklch(85.9% 0.107 84.0)

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

#FF9B80

Peach Pink · LightSalmon · Coral Red

HEX
#FF9B80
RGB
rgb(255, 155, 128)
HSL
hsl(13, 100%, 75%)
HSB
hsb(13, 50%, 100%)
CMYK
cmyk(0%, 39%, 50%, 0%)
Oklch
oklch(78.6% 0.126 35.9)

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

#E67A98

Rouge · LightCoral · Rose Pink

HEX
#E67A98
RGB
rgb(230, 122, 152)
HSL
hsl(343, 68%, 69%)
HSB
hsb(343, 47%, 90%)
CMYK
cmyk(0%, 47%, 34%, 10%)
Oklch
oklch(70.9% 0.137 3.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF8F5
F5FCFF

Analogous

FFF5F7
FFF8F5
FFFDF5

Triadic

FFF8F5
F5FFF8
F8F5FF

Split-Comp.

FFF8F5
F5FFFD
F5F7FF

Tetradic

FFF8F5
F7FFF5
F5FCFF
FDF5FF

Contrast Matrix WCAG 2.1 Contrast

FFF8F5
C7F2E4
F2CB7C
FF9B80
E67A98
—
1.2
Fail
1.5
Fail
2.0
Fail
2.6
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
2.6
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
White BG
1.1Fail
1.2Fail
1.5Fail
2.0Fail
2.8Fail
Black BG
20.0AAA
17.2AAA
13.6AAA
10.3AAA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCF6
DADAE7
E1E18F
D4D387
B7B691

Deuteranopia

FCFDF6
D7D4E8
E3E694
DAE188
BEC68F

Tritanopia

FFF6F6
C9EAEB
F09EA2
FA8C8D
E18B8A

Achromatopsia

FAFAFA
E4E4E4
CECECE
B6B6B6
9E9E9E

Shades & Tints Shades & Tints

#FFF8F5

Dark
Light

#C7F2E4

Dark
Light

#F2CB7C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff8f5;
  --color-2: #c7f2e4;
  --color-3: #f2cb7c;
  --color-4: #ff9b80;
  --color-5: #e67a98;
}

SCSS

$color-1: #fff8f5;
$color-2: #c7f2e4;
$color-3: #f2cb7c;
$color-4: #ff9b80;
$color-5: #e67a98;

TAILWIND

colors: {
  'brand-1': '#fff8f5',
  'brand-2': '#c7f2e4',
  'brand-3': '#f2cb7c',
  'brand-4': '#ff9b80',
  'brand-5': '#e67a98',
}

RGB Array

[255, 248, 245], [199, 242, 228], [242, 203, 124], [255, 155, 128], [230, 122, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF8F5, #C7F2E4, #F2CB7C, #FF9B80, #E67A98 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: #fff8f5; --color-2: #c7f2e4; --color-3: #f2cb7c; --color-4: #ff9b80; --color-5: #e67a98. 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