← Back to Editor

#EFE6CF · #EFD9BF · #F0C8A5 · #F0B595 · #E99B8B

summer

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

#EFE6CF

Goose Yellow · Bisque · Lemon Cream

HEX
#EFE6CF
RGB
rgb(239, 230, 207)
HSL
hsl(43, 50%, 87%)
HSB
hsb(43, 13%, 94%)
CMYK
cmyk(0%, 4%, 13%, 6%)
Oklch
oklch(92.6% 0.032 89.1)

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

#EFD9BF

Goose Yellow · Wheat · Peach Orange

HEX
#EFD9BF
RGB
rgb(239, 217, 191)
HSL
hsl(32, 60%, 84%)
HSB
hsb(32, 20%, 94%)
CMYK
cmyk(0%, 9%, 20%, 6%)
Oklch
oklch(89.7% 0.042 71.9)

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

#F0C8A5

Apricot · Wheat · Peach Orange

HEX
#F0C8A5
RGB
rgb(240, 200, 165)
HSL
hsl(28, 71%, 79%)
HSB
hsb(28, 31%, 94%)
CMYK
cmyk(0%, 17%, 31%, 6%)
Oklch
oklch(85.9% 0.065 63.0)

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

#F0B595

Apricot · BurlyWood · Peach Orange

HEX
#F0B595
RGB
rgb(240, 181, 149)
HSL
hsl(21, 75%, 76%)
HSB
hsb(21, 38%, 94%)
CMYK
cmyk(0%, 25%, 38%, 6%)
Oklch
oklch(82.0% 0.081 49.7)

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

#E99B8B

Peach Pink · DarkSalmon · Coral Red

HEX
#E99B8B
RGB
rgb(233, 155, 139)
HSL
hsl(10, 68%, 73%)
HSB
hsb(10, 40%, 91%)
CMYK
cmyk(0%, 33%, 40%, 9%)
Oklch
oklch(76.3% 0.097 32.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFE6CF
CDD7EE

Analogous

EED4CD
EFE6CF
E7EECD

Triadic

EFE6CF
CDEEE5
E5CDEE

Split-Comp.

EFE6CF
CDE7EE
D4CDEE

Tetradic

EFE6CF
CDEED4
CDD7EE
EECDE7

Contrast Matrix WCAG 2.1 Contrast

EFE6CF
EFD9BF
F0C8A5
F0B595
E99B8B
—
1.1
Fail
1.3
Fail
1.4
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.8
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
1.2Fail
1.4Fail
1.6Fail
1.8Fail
2.2Fail
Black BG
16.9AAA
15.3AAA
13.5AAA
11.7AAA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBD5
E5E5C5
DFDEAD
D6D69D
C7C78F

Deuteranopia

ECECD6
E7E8C7
E1E4B0
DADE9F
CCD290

Tritanopia

EFD9DA
EECACB
EEB4B6
EDA3A4
E59293

Achromatopsia

E6E6E6
DDDDDD
D0D0D0
C3C3C3
B0B0B0

Shades & Tints Shades & Tints

#EFE6CF

Dark
Light

#EFD9BF

Dark
Light

#F0C8A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efe6cf;
  --color-2: #efd9bf;
  --color-3: #f0c8a5;
  --color-4: #f0b595;
  --color-5: #e99b8b;
}

SCSS

$color-1: #efe6cf;
$color-2: #efd9bf;
$color-3: #f0c8a5;
$color-4: #f0b595;
$color-5: #e99b8b;

TAILWIND

colors: {
  'brand-1': '#efe6cf',
  'brand-2': '#efd9bf',
  'brand-3': '#f0c8a5',
  'brand-4': '#f0b595',
  'brand-5': '#e99b8b',
}

RGB Array

[239, 230, 207], [239, 217, 191], [240, 200, 165], [240, 181, 149], [233, 155, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #EFE6CF, #EFD9BF, #F0C8A5, #F0B595, #E99B8B 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: #efe6cf; --color-2: #efd9bf; --color-3: #f0c8a5; --color-4: #f0b595; --color-5: #e99b8b. 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 summer-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