← Back to Editor

#EAF1DB · #F8F1F1 · #F5CE94 · #FFB283 · #FDB8B8

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

#EAF1DB

Willow Green · Beige · Mint Green

HEX
#EAF1DB
RGB
rgb(234, 241, 219)
HSL
hsl(79, 44%, 90%)
HSB
hsb(79, 9%, 95%)
CMYK
cmyk(3%, 0%, 9%, 5%)
Oklch
oklch(94.7% 0.030 121.4)

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

#F8F1F1

Peach Pink · SeaShell · Cherry Blossom

HEX
#F8F1F1
RGB
rgb(248, 241, 241)
HSL
hsl(0, 33%, 96%)
HSB
hsb(0, 3%, 97%)
CMYK
cmyk(0%, 3%, 3%, 3%)
Oklch
oklch(96.4% 0.008 17.3)

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

#F5CE94

Goose Yellow · Khaki · Peach Orange

HEX
#F5CE94
RGB
rgb(245, 206, 148)
HSL
hsl(36, 83%, 77%)
HSB
hsb(36, 40%, 96%)
CMYK
cmyk(0%, 16%, 40%, 4%)
Oklch
oklch(87.2% 0.086 77.1)

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

#FFB283

Apricot · LightSalmon · Peach Orange

HEX
#FFB283
RGB
rgb(255, 178, 131)
HSL
hsl(23, 100%, 76%)
HSB
hsb(23, 49%, 100%)
CMYK
cmyk(0%, 30%, 49%, 0%)
Oklch
oklch(82.7% 0.109 52.1)

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

#FDB8B8

Peach Pink · LightPink · Cherry Blossom

HEX
#FDB8B8
RGB
rgb(253, 184, 184)
HSL
hsl(0, 95%, 86%)
HSB
hsb(0, 27%, 99%)
CMYK
cmyk(0%, 27%, 27%, 1%)
Oklch
oklch(84.6% 0.080 18.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAF1DB
E1DAF1

Analogous

F1EDDA
EAF1DB
DEF1DA

Triadic

EAF1DB
DAEAF1
F1DAEA

Split-Comp.

EAF1DB
DADEF1
EDDAF1

Tetradic

EAF1DB
DAF1ED
E1DAF1
F1DADE

Contrast Matrix WCAG 2.1 Contrast

EAF1DB
F8F1F1
F5CE94
FFB283
FDB8B8
—
1.0
Fail
1.3
Fail
1.5
Fail
1.4
Fail
1.0
Fail
—
1.3
Fail
1.6
Fail
1.5
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.5
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.5
Fail
1.1
Fail
1.1
Fail
—
White BG
1.2Fail
1.1Fail
1.5Fail
1.8Fail
1.7Fail
Black BG
18.1AAA
18.8AAA
14.1AAA
11.9AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDE0
F5F5F1
E4E4A2
DEDD8E
DFDFB8

Deuteranopia

EDECE2
F5F6F1
E6E9A5
E2E891
E3E8B8

Tritanopia

EAE5E5
F8F1F1
F3ADB0
FB9799
FAB8B8

Achromatopsia

ECECEC
F3F3F3
D3D3D3
C4C4C4
CDCDCD

Shades & Tints Shades & Tints

#EAF1DB

Dark
Light

#F8F1F1

Dark
Light

#F5CE94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaf1db;
  --color-2: #f8f1f1;
  --color-3: #f5ce94;
  --color-4: #ffb283;
  --color-5: #fdb8b8;
}

SCSS

$color-1: #eaf1db;
$color-2: #f8f1f1;
$color-3: #f5ce94;
$color-4: #ffb283;
$color-5: #fdb8b8;

TAILWIND

colors: {
  'brand-1': '#eaf1db',
  'brand-2': '#f8f1f1',
  'brand-3': '#f5ce94',
  'brand-4': '#ffb283',
  'brand-5': '#fdb8b8',
}

RGB Array

[234, 241, 219], [248, 241, 241], [245, 206, 148], [255, 178, 131], [253, 184, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAF1DB, #F8F1F1, #F5CE94, #FFB283, #FDB8B8 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: #eaf1db; --color-2: #f8f1f1; --color-3: #f5ce94; --color-4: #ffb283; --color-5: #fdb8b8. 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