← Back to Editor

#FED788 · #F1E5CF · #E7717D · #F39F7D · #A8DBC8

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

#FED788

Goose Yellow · Khaki · Lemon Cream

HEX
#FED788
RGB
rgb(254, 215, 136)
HSL
hsl(40, 98%, 76%)
HSB
hsb(40, 46%, 100%)
CMYK
cmyk(0%, 15%, 46%, 0%)
Oklch
oklch(89.5% 0.107 84.1)

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

#F1E5CF

Goose Yellow · Bisque · Peach Orange

HEX
#F1E5CF
RGB
rgb(241, 229, 207)
HSL
hsl(39, 55%, 88%)
HSB
hsb(39, 14%, 95%)
CMYK
cmyk(0%, 5%, 14%, 5%)
Oklch
oklch(92.6% 0.032 82.8)

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

#E7717D

Peach Pink · LightCoral · Coral Red

HEX
#E7717D
RGB
rgb(231, 113, 125)
HSL
hsl(354, 71%, 67%)
HSB
hsb(354, 51%, 91%)
CMYK
cmyk(0%, 51%, 46%, 9%)
Oklch
oklch(69.0% 0.146 15.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F39F7D

Apricot · LightSalmon · Warm Sun

HEX
#F39F7D
RGB
rgb(243, 159, 125)
HSL
hsl(17, 83%, 72%)
HSB
hsb(17, 49%, 95%)
CMYK
cmyk(0%, 35%, 49%, 5%)
Oklch
oklch(77.9% 0.111 42.8)

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

#A8DBC8

Jade · LightBlue · Apple Green

HEX
#A8DBC8
RGB
rgb(168, 219, 200)
HSL
hsl(158, 41%, 76%)
HSB
hsb(158, 23%, 86%)
CMYK
cmyk(23%, 0%, 9%, 14%)
Oklch
oklch(85.0% 0.059 170.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FED788
86AEFE

Analogous

FE9A86
FED788
EAFE86

Triadic

FED788
86FED6
D686FE

Split-Comp.

FED788
86EAFE
9A86FE

Tetradic

FED788
86FE9A
86AEFE
FE86EA

Contrast Matrix WCAG 2.1 Contrast

FED788
F1E5CF
E7717D
F39F7D
A8DBC8
—
1.1
Fail
2.2
Fail
1.5
Fail
1.1
Fail
1.1
Fail
—
2.4
Fail
1.7
Fail
1.2
Fail
2.2
Fail
2.4
Fail
—
1.4
Fail
1.9
Fail
1.5
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
1.1
Fail
1.2
Fail
1.9
Fail
1.4
Fail
—
White BG
1.4Fail
1.2Fail
3.0Fail
2.1Fail
1.5Fail
Black BG
15.3AAA
16.8AAA
7.1AAA
10.1AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDED9B
ECECD4
B4B37A
CFCE85
BEBFCD

Deuteranopia

EFF2A0
EDEDD6
BBC479
D4DA87
BBB7CE

Tritanopia

FCAAAE
F0D9D9
E17877
EF8C8D
ABD0D1

Achromatopsia

DADADA
E6E6E6
969696
B4B4B4
CACACA

Shades & Tints Shades & Tints

#FED788

Dark
Light

#F1E5CF

Dark
Light

#E7717D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fed788;
  --color-2: #f1e5cf;
  --color-3: #e7717d;
  --color-4: #f39f7d;
  --color-5: #a8dbc8;
}

SCSS

$color-1: #fed788;
$color-2: #f1e5cf;
$color-3: #e7717d;
$color-4: #f39f7d;
$color-5: #a8dbc8;

TAILWIND

colors: {
  'brand-1': '#fed788',
  'brand-2': '#f1e5cf',
  'brand-3': '#e7717d',
  'brand-4': '#f39f7d',
  'brand-5': '#a8dbc8',
}

RGB Array

[254, 215, 136], [241, 229, 207], [231, 113, 125], [243, 159, 125], [168, 219, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #FED788, #F1E5CF, #E7717D, #F39F7D, #A8DBC8 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: #fed788; --color-2: #f1e5cf; --color-3: #e7717d; --color-4: #f39f7d; --color-5: #a8dbc8. 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