← Back to Editor

#F8FEE9 · #FCEDE2 · #E8B0B0 · #F1CCCC · #FCFFEE

warm

A 5-color warm 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

#F8FEE9

Willow Green · LightYellow · Mint Green

HEX
#F8FEE9
RGB
rgb(248, 254, 233)
HSL
hsl(77, 91%, 95%)
HSB
hsb(77, 8%, 100%)
CMYK
cmyk(2%, 0%, 8%, 0%)
Oklch
oklch(98.7% 0.028 119.9)

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

#FCEDE2

Apricot · Linen · Peach Orange

HEX
#FCEDE2
RGB
rgb(252, 237, 226)
HSL
hsl(25, 81%, 94%)
HSB
hsb(25, 10%, 99%)
CMYK
cmyk(0%, 6%, 10%, 1%)
Oklch
oklch(95.5% 0.022 58.8)

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

#E8B0B0

Peach Pink · LightPink · Coral Red

HEX
#E8B0B0
RGB
rgb(232, 176, 176)
HSL
hsl(0, 55%, 80%)
HSB
hsb(0, 24%, 91%)
CMYK
cmyk(0%, 24%, 24%, 9%)
Oklch
oklch(80.9% 0.066 18.6)

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

#F1CCCC

Peach Pink · Pink · Cherry Blossom

HEX
#F1CCCC
RGB
rgb(241, 204, 204)
HSL
hsl(0, 57%, 87%)
HSB
hsb(0, 15%, 95%)
CMYK
cmyk(0%, 15%, 15%, 5%)
Oklch
oklch(87.7% 0.042 18.0)

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

#FCFFEE

Willow Green · SeaShell · Mint Green

HEX
#FCFFEE
RGB
rgb(252, 255, 238)
HSL
hsl(71, 100%, 97%)
HSB
hsb(71, 7%, 100%)
CMYK
cmyk(1%, 0%, 7%, 0%)
Oklch
oklch(99.3% 0.022 114.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8FEE9
EDE7FE

Analogous

FEF9E7
F8FEE9
ECFEE7

Triadic

F8FEE9
E7F7FE
FEE7F7

Split-Comp.

F8FEE9
E7ECFE
F9E7FE

Tetradic

F8FEE9
E7FEF9
EDE7FE
FEE7EC

Contrast Matrix WCAG 2.1 Contrast

F8FEE9
FCEDE2
E8B0B0
F1CCCC
FCFFEE
—
1.1
Fail
1.8
Fail
1.4
Fail
1.0
Fail
1.1
Fail
—
1.6
Fail
1.3
Fail
1.1
Fail
1.8
Fail
1.6
Fail
—
1.3
Fail
1.8
Fail
1.4
Fail
1.3
Fail
1.3
Fail
—
1.5
Fail
1.0
Fail
1.1
Fail
1.8
Fail
1.5
Fail
—
White BG
1.0Fail
1.1Fail
1.9Fail
1.5Fail
1.0Fail
Black BG
20.3AAA
18.4AAA
11.3AAA
14.2AAA
20.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBEE
F6F5E5
D0CFB0
E1E1CC
FDFDF2

Deuteranopia

FAFAEF
F6F7E5
D3D7B0
E3E6CC
FDFDF3

Tritanopia

F8F2F3
FBE7E7
E5B0B0
EFCCCC
FCF5F6

Achromatopsia

FAFAFA
F0F0F0
C1C1C1
D7D7D7
FCFCFC

Shades & Tints Shades & Tints

#F8FEE9

Dark
Light

#FCEDE2

Dark
Light

#E8B0B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8fee9;
  --color-2: #fcede2;
  --color-3: #e8b0b0;
  --color-4: #f1cccc;
  --color-5: #fcffee;
}

SCSS

$color-1: #f8fee9;
$color-2: #fcede2;
$color-3: #e8b0b0;
$color-4: #f1cccc;
$color-5: #fcffee;

TAILWIND

colors: {
  'brand-1': '#f8fee9',
  'brand-2': '#fcede2',
  'brand-3': '#e8b0b0',
  'brand-4': '#f1cccc',
  'brand-5': '#fcffee',
}

RGB Array

[248, 254, 233], [252, 237, 226], [232, 176, 176], [241, 204, 204], [252, 255, 238]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #F8FEE9, #FCEDE2, #E8B0B0, #F1CCCC, #FCFFEE 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: #f8fee9; --color-2: #fcede2; --color-3: #e8b0b0; --color-4: #f1cccc; --color-5: #fcffee. 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 warm-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