← Back to Editor

#65EFFC · #DEF291 · #FDBD0E · #F1804E · #ED687F

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

#65EFFC

Sky Blue · LightSkyBlue · Lake Green

HEX
#65EFFC
RGB
rgb(101, 239, 252)
HSL
hsl(185, 96%, 69%)
HSB
hsb(185, 60%, 99%)
CMYK
cmyk(60%, 5%, 0%, 1%)
Oklch
oklch(88.1% 0.120 203.8)

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

#DEF291

Willow Green · Khaki · Apple Green

HEX
#DEF291
RGB
rgb(222, 242, 145)
HSL
hsl(72, 79%, 76%)
HSB
hsb(72, 40%, 95%)
CMYK
cmyk(8%, 0%, 40%, 5%)
Oklch
oklch(92.5% 0.123 118.4)

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

#FDBD0E

Ginger · Orange · Sunflower

HEX
#FDBD0E
RGB
rgb(253, 189, 14)
HSL
hsl(44, 98%, 52%)
HSB
hsb(44, 94%, 99%)
CMYK
cmyk(0%, 25%, 94%, 1%)
Oklch
oklch(83.5% 0.170 83.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F1804E

Apricot · Coral · Warm Sun

HEX
#F1804E
RGB
rgb(241, 128, 78)
HSL
hsl(18, 85%, 63%)
HSB
hsb(18, 68%, 95%)
CMYK
cmyk(0%, 47%, 68%, 5%)
Oklch
oklch(71.7% 0.153 43.5)

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

#ED687F

Peach Pink · LightCoral · Coral Red

HEX
#ED687F
RGB
rgb(237, 104, 127)
HSL
hsl(350, 79%, 67%)
HSB
hsb(350, 56%, 93%)
CMYK
cmyk(0%, 56%, 46%, 7%)
Oklch
oklch(68.6% 0.165 11.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

65EFFC
FC7164

Analogous

64FCBD
65EFFC
64A3FC

Triadic

65EFFC
FC64EF
EFFC64

Split-Comp.

65EFFC
FC64A3
FCBD64

Tetradic

65EFFC
BD64FC
FC7164
A3FC64

Contrast Matrix WCAG 2.1 Contrast

65EFFC
DEF291
FDBD0E
F1804E
ED687F
—
1.1
Fail
1.2
Fail
1.9
Fail
2.2
Fail
1.1
Fail
—
1.4
Fail
2.2
Fail
2.5
Fail
1.2
Fail
1.4
Fail
—
1.6
Fail
1.8
Fail
1.9
Fail
2.2
Fail
1.6
Fail
—
1.2
Fail
2.2
Fail
2.5
Fail
1.8
Fail
1.2
Fail
—
White BG
1.4Fail
1.2Fail
1.7Fail
2.6Fail
3.0AA Large
Black BG
15.3AAA
17.2AAA
12.5AAA
7.9AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A2F9
E7E7A8
E1E138
C0BF5A
B3B279

Deuteranopia

998EF8
E6E4AE
E5EA43
C7CF5D
BBC578

Tritanopia

6CF6F6
DFBBBF
FA5A61
EB6466
E67574

Achromatopsia

C7C7C7
E1E1E1
BCBCBC
9C9C9C
929292

Shades & Tints Shades & Tints

#65EFFC

Dark
Light

#DEF291

Dark
Light

#FDBD0E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #65effc;
  --color-2: #def291;
  --color-3: #fdbd0e;
  --color-4: #f1804e;
  --color-5: #ed687f;
}

SCSS

$color-1: #65effc;
$color-2: #def291;
$color-3: #fdbd0e;
$color-4: #f1804e;
$color-5: #ed687f;

TAILWIND

colors: {
  'brand-1': '#65effc',
  'brand-2': '#def291',
  'brand-3': '#fdbd0e',
  'brand-4': '#f1804e',
  'brand-5': '#ed687f',
}

RGB Array

[101, 239, 252], [222, 242, 145], [253, 189, 14], [241, 128, 78], [237, 104, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #65EFFC, #DEF291, #FDBD0E, #F1804E, #ED687F 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: #65effc; --color-2: #def291; --color-3: #fdbd0e; --color-4: #f1804e; --color-5: #ed687f. 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