← Back to Editor

#FEDDD5 · #E79D9B · #C94848 · #DE7555 · #F6AC6F

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

#FEDDD5

Peach Pink · Bisque · Cherry Blossom

HEX
#FEDDD5
RGB
rgb(254, 221, 213)
HSL
hsl(12, 95%, 92%)
HSB
hsb(12, 16%, 100%)
CMYK
cmyk(0%, 13%, 16%, 0%)
Oklch
oklch(92.3% 0.038 33.8)

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

#E79D9B

Peach Pink · DarkSalmon · Coral Red

HEX
#E79D9B
RGB
rgb(231, 157, 155)
HSL
hsl(2, 61%, 76%)
HSB
hsb(2, 33%, 91%)
CMYK
cmyk(0%, 32%, 33%, 9%)
Oklch
oklch(76.8% 0.089 21.0)

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

#C94848

Crimson · Sienna · Passion Red

HEX
#C94848
RGB
rgb(201, 72, 72)
HSL
hsl(0, 54%, 54%)
HSB
hsb(0, 64%, 79%)
CMYK
cmyk(0%, 64%, 64%, 21%)
Oklch
oklch(57.9% 0.165 23.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#DE7555

Vermilion · Coral · Passion Red

HEX
#DE7555
RGB
rgb(222, 117, 85)
HSL
hsl(14, 67%, 60%)
HSB
hsb(14, 62%, 87%)
CMYK
cmyk(0%, 47%, 62%, 13%)
Oklch
oklch(67.6% 0.139 37.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#F6AC6F

Apricot · SandyBrown · Warm Sun

HEX
#F6AC6F
RGB
rgb(246, 172, 111)
HSL
hsl(27, 88%, 70%)
HSB
hsb(27, 55%, 96%)
CMYK
cmyk(0%, 30%, 55%, 4%)
Oklch
oklch(80.3% 0.116 59.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEDDD5
D7F6FE

Analogous

FED7E3
FEDDD5
FEF2D7

Triadic

FEDDD5
D7FEDF
DFD7FE

Split-Comp.

FEDDD5
D7FEF2
D7E3FE

Tetradic

FEDDD5
E3FED7
D7F6FE
F2D7FE

Contrast Matrix WCAG 2.1 Contrast

FEDDD5
E79D9B
C94848
DE7555
F6AC6F
—
1.7
Fail
3.7
AA Large
2.4
Fail
1.5
Fail
1.7
Fail
—
2.2
Fail
1.4
Fail
1.1
Fail
3.7
AA Large
2.2
Fail
—
1.5
Fail
2.5
Fail
2.4
Fail
1.4
Fail
1.5
Fail
—
1.6
Fail
1.5
Fail
1.1
Fail
2.5
Fail
1.6
Fail
—
White BG
1.3Fail
2.2Fail
4.7AA
3.1AA Large
1.9Fail
Black BG
16.5AAA
9.7AAA
4.5AA
6.8AA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0EFD7
C7C69B
919048
B1B05D
D6D57E

Deuteranopia

F2F4D7
CBD19C
99A248
B7BE5F
DAE081

Tritanopia

FCD8D9
E39C9C
C34848
D96364
F2898C

Achromatopsia

E6E6E6
B3B3B3
6F6F6F
919191
BBBBBB

Shades & Tints Shades & Tints

#FEDDD5

Dark
Light

#E79D9B

Dark
Light

#C94848

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feddd5;
  --color-2: #e79d9b;
  --color-3: #c94848;
  --color-4: #de7555;
  --color-5: #f6ac6f;
}

SCSS

$color-1: #feddd5;
$color-2: #e79d9b;
$color-3: #c94848;
$color-4: #de7555;
$color-5: #f6ac6f;

TAILWIND

colors: {
  'brand-1': '#feddd5',
  'brand-2': '#e79d9b',
  'brand-3': '#c94848',
  'brand-4': '#de7555',
  'brand-5': '#f6ac6f',
}

RGB Array

[254, 221, 213], [231, 157, 155], [201, 72, 72], [222, 117, 85], [246, 172, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #FEDDD5, #E79D9B, #C94848, #DE7555, #F6AC6F 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: #feddd5; --color-2: #e79d9b; --color-3: #c94848; --color-4: #de7555; --color-5: #f6ac6f. 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