← Back to Editor

#D0DE9F · #EFA5CE · #F5E858 · #F4B95B · #73CEDA

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

#D0DE9F

Willow Green · Khaki · Apple Green

HEX
#D0DE9F
RGB
rgb(208, 222, 159)
HSL
hsl(73, 49%, 75%)
HSB
hsb(73, 28%, 87%)
CMYK
cmyk(6%, 0%, 28%, 13%)
Oklch
oklch(87.5% 0.084 118.4)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#EFA5CE

Mauve · LightPink · Cherry Blossom

HEX
#EFA5CE
RGB
rgb(239, 165, 206)
HSL
hsl(327, 70%, 79%)
HSB
hsb(327, 31%, 94%)
CMYK
cmyk(0%, 31%, 14%, 6%)
Oklch
oklch(80.5% 0.101 345.3)

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

#F5E858

Fresh Green · Khaki · Sunflower

HEX
#F5E858
RGB
rgb(245, 232, 88)
HSL
hsl(55, 89%, 65%)
HSB
hsb(55, 64%, 96%)
CMYK
cmyk(0%, 5%, 64%, 4%)
Oklch
oklch(91.6% 0.161 104.2)

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

#F4B95B

Ginger · SandyBrown · Warm Sun

HEX
#F4B95B
RGB
rgb(244, 185, 91)
HSL
hsl(37, 87%, 66%)
HSB
hsb(37, 63%, 96%)
CMYK
cmyk(0%, 24%, 63%, 4%)
Oklch
oklch(82.2% 0.130 76.8)

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

#73CEDA

Sky Blue · SkyBlue · Lake Green

HEX
#73CEDA
RGB
rgb(115, 206, 218)
HSL
hsl(187, 58%, 65%)
HSB
hsb(187, 47%, 85%)
CMYK
cmyk(47%, 6%, 0%, 15%)
Oklch
oklch(79.9% 0.089 206.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0DE9F
AEA0DE

Analogous

DECDA0
D0DE9F
B2DEA0

Triadic

D0DE9F
A0D1DE
DEA0D1

Split-Comp.

D0DE9F
A0B2DE
CDA0DE

Tetradic

D0DE9F
A0DECD
AEA0DE
DEA0B2

Contrast Matrix WCAG 2.1 Contrast

D0DE9F
EFA5CE
F5E858
F4B95B
73CEDA
—
1.3
Fail
1.1
Fail
1.2
Fail
1.3
Fail
1.3
Fail
—
1.5
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.5
Fail
—
1.4
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.4
Fail
—
1.0
Fail
1.3
Fail
1.1
Fail
1.4
Fail
1.0
Fail
—
White BG
1.4Fail
1.9Fail
1.3Fail
1.8Fail
1.8Fail
Black BG
14.6AAA
10.9AAA
16.6AAA
11.9AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6AE
CFCEC4
EFEF7B
DADA72
9A9BD7

Deuteranopia

D5D4B2
D3D9C2
F0F183
DEE277
958ED6

Tritanopia

D1BABD
EBBCBB
F4969C
F18488
78D5D4

Achromatopsia

D3D3D3
C0C0C0
DBDBDB
C0C0C0
B4B4B4

Shades & Tints Shades & Tints

#D0DE9F

Dark
Light

#EFA5CE

Dark
Light

#F5E858

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0de9f;
  --color-2: #efa5ce;
  --color-3: #f5e858;
  --color-4: #f4b95b;
  --color-5: #73ceda;
}

SCSS

$color-1: #d0de9f;
$color-2: #efa5ce;
$color-3: #f5e858;
$color-4: #f4b95b;
$color-5: #73ceda;

TAILWIND

colors: {
  'brand-1': '#d0de9f',
  'brand-2': '#efa5ce',
  'brand-3': '#f5e858',
  'brand-4': '#f4b95b',
  'brand-5': '#73ceda',
}

RGB Array

[208, 222, 159], [239, 165, 206], [245, 232, 88], [244, 185, 91], [115, 206, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #D0DE9F, #EFA5CE, #F5E858, #F4B95B, #73CEDA 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: #d0de9f; --color-2: #efa5ce; --color-3: #f5e858; --color-4: #f4b95b; --color-5: #73ceda. 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