← Back to Editor

#E9A681 · #F2C498 · #F1E1BE · #F0F2D6 · #B4E9D0

summer

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

#E9A681

Apricot · DarkSalmon · Warm Sun

HEX
#E9A681
RGB
rgb(233, 166, 129)
HSL
hsl(21, 70%, 71%)
HSB
hsb(21, 45%, 91%)
CMYK
cmyk(0%, 29%, 45%, 9%)
Oklch
oklch(78.1% 0.094 49.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F2C498

Apricot · BurlyWood · Peach Orange

HEX
#F2C498
RGB
rgb(242, 196, 152)
HSL
hsl(29, 78%, 77%)
HSB
hsb(29, 37%, 95%)
CMYK
cmyk(0%, 19%, 37%, 5%)
Oklch
oklch(85.0% 0.078 65.2)

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

#F1E1BE

Goose Yellow · Wheat · Lemon Cream

HEX
#F1E1BE
RGB
rgb(241, 225, 190)
HSL
hsl(41, 65%, 85%)
HSB
hsb(41, 21%, 95%)
CMYK
cmyk(0%, 7%, 21%, 5%)
Oklch
oklch(91.4% 0.049 86.3)

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

#F0F2D6

Fresh Green · Beige · Lemon Cream

HEX
#F0F2D6
RGB
rgb(240, 242, 214)
HSL
hsl(64, 52%, 89%)
HSB
hsb(64, 12%, 95%)
CMYK
cmyk(1%, 0%, 12%, 5%)
Oklch
oklch(95.2% 0.037 110.4)

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

#B4E9D0

Jade · LightBlue · Mint Green

HEX
#B4E9D0
RGB
rgb(180, 233, 208)
HSL
hsl(152, 55%, 81%)
HSB
hsb(152, 23%, 91%)
CMYK
cmyk(23%, 0%, 11%, 9%)
Oklch
oklch(89.0% 0.064 164.5)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9A681
81C5E9

Analogous

E98191
E9A681
E9D981

Triadic

E9A681
81E9A6
A681E9

Split-Comp.

E9A681
81E9D9
8191E9

Tetradic

E9A681
91E981
81C5E9
D981E9

Contrast Matrix WCAG 2.1 Contrast

E9A681
F2C498
F1E1BE
F0F2D6
B4E9D0
—
1.3
Fail
1.6
Fail
1.8
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.0
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.2
Fail
1.0
Fail
1.2
Fail
—
White BG
2.1Fail
1.6Fail
1.3Fail
1.1Fail
1.4Fail
Black BG
10.2AAA
13.1AAA
16.3AAA
18.4AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB8A
DEDEA3
EAEAC6
F1F1DD
CBCBD6

Deuteranopia

D0D58C
E1E4A5
EBECC9
F1F1DE
C8C4D8

Tritanopia

E69193
F0ABAD
F0CDCF
F0E2E3
B7DBDC

Achromatopsia

B6B6B6
CDCDCD
E2E2E2
EEEEEE
D6D6D6

Shades & Tints Shades & Tints

#E9A681

Dark
Light

#F2C498

Dark
Light

#F1E1BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9a681;
  --color-2: #f2c498;
  --color-3: #f1e1be;
  --color-4: #f0f2d6;
  --color-5: #b4e9d0;
}

SCSS

$color-1: #e9a681;
$color-2: #f2c498;
$color-3: #f1e1be;
$color-4: #f0f2d6;
$color-5: #b4e9d0;

TAILWIND

colors: {
  'brand-1': '#e9a681',
  'brand-2': '#f2c498',
  'brand-3': '#f1e1be',
  'brand-4': '#f0f2d6',
  'brand-5': '#b4e9d0',
}

RGB Array

[233, 166, 129], [242, 196, 152], [241, 225, 190], [240, 242, 214], [180, 233, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #E9A681, #F2C498, #F1E1BE, #F0F2D6, #B4E9D0 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: #e9a681; --color-2: #f2c498; --color-3: #f1e1be; --color-4: #f0f2d6; --color-5: #b4e9d0. 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