← Back to Editor

#EFCEA3 · #FAFAF0 · #F0C7C3 · #F6BFA0 · #FFFAD6

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

#EFCEA3

Goose Yellow · Wheat · Peach Orange

HEX
#EFCEA3
RGB
rgb(239, 206, 163)
HSL
hsl(34, 70%, 79%)
HSB
hsb(34, 32%, 94%)
CMYK
cmyk(0%, 14%, 32%, 6%)
Oklch
oklch(86.9% 0.068 74.1)

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

#FAFAF0

Fresh Green · SeaShell · Lemon Cream

HEX
#FAFAF0
RGB
rgb(250, 250, 240)
HSL
hsl(60, 50%, 96%)
HSB
hsb(60, 4%, 98%)
CMYK
cmyk(0%, 0%, 4%, 2%)
Oklch
oklch(98.2% 0.013 106.6)

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

#F0C7C3

Peach Pink · Pink · Cherry Blossom

HEX
#F0C7C3
RGB
rgb(240, 199, 195)
HSL
hsl(5, 60%, 85%)
HSB
hsb(5, 19%, 94%)
CMYK
cmyk(0%, 17%, 19%, 6%)
Oklch
oklch(86.4% 0.047 24.6)

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

#F6BFA0

Apricot · BurlyWood · Peach Orange

HEX
#F6BFA0
RGB
rgb(246, 191, 160)
HSL
hsl(22, 83%, 80%)
HSB
hsb(22, 35%, 96%)
CMYK
cmyk(0%, 22%, 35%, 4%)
Oklch
oklch(84.6% 0.076 50.7)

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

#FFFAD6

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFAD6
RGB
rgb(255, 250, 214)
HSL
hsl(53, 100%, 92%)
HSB
hsb(53, 16%, 100%)
CMYK
cmyk(0%, 2%, 16%, 0%)
Oklch
oklch(98.0% 0.047 100.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFCEA3
A4C4EF

Analogous

EFA9A4
EFCEA3
EAEFA4

Triadic

EFCEA3
A4EFCE
CEA4EF

Split-Comp.

EFCEA3
A4EAEF
A9A4EF

Tetradic

EFCEA3
A4EFA9
A4C4EF
EFA4EA

Contrast Matrix WCAG 2.1 Contrast

EFCEA3
FAFAF0
F0C7C3
F6BFA0
FFFAD6
—
1.4
Fail
1.0
Fail
1.1
Fail
1.4
Fail
1.4
Fail
—
1.5
Fail
1.6
Fail
1.0
Fail
1.0
Fail
1.5
Fail
—
1.1
Fail
1.5
Fail
1.1
Fail
1.6
Fail
1.1
Fail
—
1.5
Fail
1.4
Fail
1.0
Fail
1.5
Fail
1.5
Fail
—
White BG
1.5Fail
1.1Fail
1.5Fail
1.6Fail
1.1Fail
Black BG
14.0AAA
20.0AAA
13.7AAA
12.9AAA
19.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E0AD
FAFAF2
DEDEC4
DEDEA8
FDFDDF

Deuteranopia

E3E5B0
FAFAF3
E1E4C4
E1E6A9
FDFEE1

Tritanopia

EDB6B7
FAF4F5
EEC5C5
F3ADAF
FFE6E7

Achromatopsia

D3D3D3
F9F9F9
D3D3D3
CCCCCC
F7F7F7

Shades & Tints Shades & Tints

#EFCEA3

Dark
Light

#FAFAF0

Dark
Light

#F0C7C3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efcea3;
  --color-2: #fafaf0;
  --color-3: #f0c7c3;
  --color-4: #f6bfa0;
  --color-5: #fffad6;
}

SCSS

$color-1: #efcea3;
$color-2: #fafaf0;
$color-3: #f0c7c3;
$color-4: #f6bfa0;
$color-5: #fffad6;

TAILWIND

colors: {
  'brand-1': '#efcea3',
  'brand-2': '#fafaf0',
  'brand-3': '#f0c7c3',
  'brand-4': '#f6bfa0',
  'brand-5': '#fffad6',
}

RGB Array

[239, 206, 163], [250, 250, 240], [240, 199, 195], [246, 191, 160], [255, 250, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFCEA3, #FAFAF0, #F0C7C3, #F6BFA0, #FFFAD6 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: #efcea3; --color-2: #fafaf0; --color-3: #f0c7c3; --color-4: #f6bfa0; --color-5: #fffad6. 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