← Back to Editor

#EBFFD1 · #F5EAC1 · #F4D3D1 · #C0D0E8 · #8CCDFF

sunset

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

#EBFFD1

Willow Green · Beige · Mint Green

HEX
#EBFFD1
RGB
rgb(235, 255, 209)
HSL
hsl(86, 100%, 91%)
HSB
hsb(86, 18%, 100%)
CMYK
cmyk(8%, 0%, 18%, 0%)
Oklch
oklch(97.4% 0.064 126.7)

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

#F5EAC1

Goose Yellow · Bisque · Lemon Cream

HEX
#F5EAC1
RGB
rgb(245, 234, 193)
HSL
hsl(47, 72%, 86%)
HSB
hsb(47, 21%, 96%)
CMYK
cmyk(0%, 4%, 21%, 4%)
Oklch
oklch(93.5% 0.055 94.8)

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

#F4D3D1

Peach Pink · Pink · Cherry Blossom

HEX
#F4D3D1
RGB
rgb(244, 211, 209)
HSL
hsl(3, 61%, 89%)
HSB
hsb(3, 14%, 96%)
CMYK
cmyk(0%, 14%, 14%, 4%)
Oklch
oklch(89.4% 0.037 22.0)

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

#C0D0E8

Azure · LightBlue · Sky Blue

HEX
#C0D0E8
RGB
rgb(192, 208, 232)
HSL
hsl(216, 47%, 83%)
HSB
hsb(216, 17%, 91%)
CMYK
cmyk(17%, 10%, 0%, 9%)
Oklch
oklch(85.3% 0.038 258.4)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#8CCDFF

Sky Blue · LightSkyBlue · Cobalt Blue

HEX
#8CCDFF
RGB
rgb(140, 205, 255)
HSL
hsl(206, 100%, 77%)
HSB
hsb(206, 45%, 100%)
CMYK
cmyk(45%, 20%, 0%, 0%)
Oklch
oklch(82.3% 0.097 242.4)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBFFD1
E5D1FF

Analogous

FFFCD1
EBFFD1
D4FFD1

Triadic

EBFFD1
D1EBFF
FFD1EB

Split-Comp.

EBFFD1
D1D4FF
FCD1FF

Tetradic

EBFFD1
D1FFFC
E5D1FF
FFD1D4

Contrast Matrix WCAG 2.1 Contrast

EBFFD1
F5EAC1
F4D3D1
C0D0E8
8CCDFF
—
1.1
Fail
1.3
Fail
1.5
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.6
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
White BG
1.1Fail
1.2Fail
1.4Fail
1.6Fail
1.7Fail
Black BG
19.8AAA
17.4AAA
15.1AAA
13.4AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4DC
F0F0CB
E6E5D1
C7C7E2
A8A9F3

Deuteranopia

F3F1DF
F1F2CD
E8EAD2
C6C5E1
A4A0F0

Tritanopia

ECE5E7
F4D3D4
F2D2D2
C1DEDD
8FE9E7

Achromatopsia

F4F4F4
E9E9E9
DDDDDD
CECECE
BFBFBF

Shades & Tints Shades & Tints

#EBFFD1

Dark
Light

#F5EAC1

Dark
Light

#F4D3D1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebffd1;
  --color-2: #f5eac1;
  --color-3: #f4d3d1;
  --color-4: #c0d0e8;
  --color-5: #8ccdff;
}

SCSS

$color-1: #ebffd1;
$color-2: #f5eac1;
$color-3: #f4d3d1;
$color-4: #c0d0e8;
$color-5: #8ccdff;

TAILWIND

colors: {
  'brand-1': '#ebffd1',
  'brand-2': '#f5eac1',
  'brand-3': '#f4d3d1',
  'brand-4': '#c0d0e8',
  'brand-5': '#8ccdff',
}

RGB Array

[235, 255, 209], [245, 234, 193], [244, 211, 209], [192, 208, 232], [140, 205, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #EBFFD1, #F5EAC1, #F4D3D1, #C0D0E8, #8CCDFF 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: #ebffd1; --color-2: #f5eac1; --color-3: #f4d3d1; --color-4: #c0d0e8; --color-5: #8ccdff. 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 sunset-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