← Back to Editor

#DCD279 · #FFF7B3 · #F5B8CB · #E082A0 · #D04F77

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

#DCD279

Fresh Green · BurlyWood · Sunflower

HEX
#DCD279
RGB
rgb(220, 210, 121)
HSL
hsl(54, 59%, 67%)
HSB
hsb(54, 45%, 86%)
CMYK
cmyk(0%, 5%, 45%, 14%)
Oklch
oklch(85.3% 0.111 102.8)

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

#FFF7B3

Fresh Green · Bisque · Lemon Cream

HEX
#FFF7B3
RGB
rgb(255, 247, 179)
HSL
hsl(54, 100%, 85%)
HSB
hsb(54, 30%, 100%)
CMYK
cmyk(0%, 3%, 30%, 0%)
Oklch
oklch(96.7% 0.086 102.2)

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

#F5B8CB

Rouge · Pink · Cherry Blossom

HEX
#F5B8CB
RGB
rgb(245, 184, 203)
HSL
hsl(341, 75%, 84%)
HSB
hsb(341, 25%, 96%)
CMYK
cmyk(0%, 25%, 17%, 4%)
Oklch
oklch(84.4% 0.074 358.4)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#E082A0

Rouge · LightCoral · Rose Pink

HEX
#E082A0
RGB
rgb(224, 130, 160)
HSL
hsl(341, 60%, 69%)
HSB
hsb(341, 42%, 88%)
CMYK
cmyk(0%, 42%, 29%, 12%)
Oklch
oklch(71.6% 0.120 0.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D04F77

Dark Violet · LightCoral · Rose Pink

HEX
#D04F77
RGB
rgb(208, 79, 119)
HSL
hsl(341, 58%, 56%)
HSB
hsb(341, 62%, 82%)
CMYK
cmyk(0%, 62%, 43%, 18%)
Oklch
oklch(61.0% 0.166 4.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCD279
7983DC

Analogous

DCA179
DCD279
B5DC79

Triadic

DCD279
79DCD3
D379DC

Split-Comp.

DCD279
79B5DC
A179DC

Tetradic

DCD279
79DCA1
7983DC
DC79B5

Contrast Matrix WCAG 2.1 Contrast

DCD279
FFF7B3
F5B8CB
E082A0
D04F77
—
1.4
Fail
1.1
Fail
1.7
Fail
2.7
Fail
1.4
Fail
—
1.5
Fail
2.4
Fail
3.8
AA Large
1.1
Fail
1.5
Fail
—
1.6
Fail
2.5
Fail
1.7
Fail
2.4
Fail
1.6
Fail
—
1.6
Fail
2.7
Fail
3.8
AA Large
2.5
Fail
1.6
Fail
—
White BG
1.6Fail
1.1Fail
1.7Fail
2.7Fail
4.1AA Large
Black BG
13.5AAA
19.2AAA
12.6AAA
7.9AAA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D88F
FCFBC3
DBDAC6
B7B699
98976D

Deuteranopia

D8D994
FCFDC7
DEE3C5
BDC497
A0A96B

Tritanopia

DCA0A3
FFD0D3
F2C3C2
DB9392
CA6664

Achromatopsia

CBCBCB
F2F2F2
CCCCCC
A2A2A2
7A7A7A

Shades & Tints Shades & Tints

#DCD279

Dark
Light

#FFF7B3

Dark
Light

#F5B8CB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcd279;
  --color-2: #fff7b3;
  --color-3: #f5b8cb;
  --color-4: #e082a0;
  --color-5: #d04f77;
}

SCSS

$color-1: #dcd279;
$color-2: #fff7b3;
$color-3: #f5b8cb;
$color-4: #e082a0;
$color-5: #d04f77;

TAILWIND

colors: {
  'brand-1': '#dcd279',
  'brand-2': '#fff7b3',
  'brand-3': '#f5b8cb',
  'brand-4': '#e082a0',
  'brand-5': '#d04f77',
}

RGB Array

[220, 210, 121], [255, 247, 179], [245, 184, 203], [224, 130, 160], [208, 79, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #DCD279, #FFF7B3, #F5B8CB, #E082A0, #D04F77 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: #dcd279; --color-2: #fff7b3; --color-3: #f5b8cb; --color-4: #e082a0; --color-5: #d04f77. 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