← Back to Editor

#FC7468 · #FFA378 · #EDD777 · #B1F77C · #70FFC1

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

#FC7468

Peach Pink · Salmon · Coral Red

HEX
#FC7468
RGB
rgb(252, 116, 104)
HSL
hsl(5, 96%, 70%)
HSB
hsb(5, 59%, 99%)
CMYK
cmyk(0%, 54%, 59%, 1%)
Oklch
oklch(71.9% 0.169 27.2)

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

#FFA378

Apricot · LightSalmon · Warm Sun

HEX
#FFA378
RGB
rgb(255, 163, 120)
HSL
hsl(19, 100%, 74%)
HSB
hsb(19, 53%, 100%)
CMYK
cmyk(0%, 36%, 53%, 0%)
Oklch
oklch(79.9% 0.124 45.6)

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

#EDD777

Ginger · Khaki · Sunflower

HEX
#EDD777
RGB
rgb(237, 215, 119)
HSL
hsl(49, 77%, 70%)
HSB
hsb(49, 50%, 93%)
CMYK
cmyk(0%, 9%, 50%, 7%)
Oklch
oklch(87.8% 0.119 96.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B1F77C

Emerald · LightGreen · Apple Green

HEX
#B1F77C
RGB
rgb(177, 247, 124)
HSL
hsl(94, 88%, 73%)
HSB
hsb(94, 50%, 97%)
CMYK
cmyk(28%, 0%, 50%, 3%)
Oklch
oklch(90.3% 0.170 133.2)

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

#70FFC1

Jade · MediumAquaMarine · Apple Green

HEX
#70FFC1
RGB
rgb(112, 255, 193)
HSL
hsl(154, 100%, 72%)
HSB
hsb(154, 56%, 100%)
CMYK
cmyk(56%, 0%, 24%, 0%)
Oklch
oklch(90.5% 0.153 162.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC7468
69F0FC

Analogous

FC69A6
FC7468
FCBF69

Triadic

FC7468
69FC75
7569FC

Split-Comp.

FC7468
69FCBF
69A6FC

Tetradic

FC7468
A6FC69
69F0FC
BF69FC

Contrast Matrix WCAG 2.1 Contrast

FC7468
FFA378
EDD777
B1F77C
70FFC1
—
1.4
Fail
1.9
Fail
2.1
Fail
2.1
Fail
1.4
Fail
—
1.4
Fail
1.5
Fail
1.6
Fail
1.9
Fail
1.4
Fail
—
1.1
Fail
1.1
Fail
2.1
Fail
1.5
Fail
1.1
Fail
—
1.0
Fail
2.1
Fail
1.6
Fail
1.1
Fail
1.0
Fail
—
White BG
2.7Fail
2.0Fail
1.4Fail
1.3Fail
1.3Fail
Black BG
7.8AAA
10.8AAA
14.6AAA
16.5AAA
16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C06B
D7D682
E3E38E
CFD09A
AEAFD0

Deuteranopia

C9D36C
DDE385
E5E694
CBC6A1
A69BD4

Tritanopia

F56D6E
FA8B8C
ECA1A5
B5B1B6
77DCDE

Achromatopsia

9B9B9B
BABABA
D3D3D3
D4D4D4
CDCDCD

Shades & Tints Shades & Tints

#FC7468

Dark
Light

#FFA378

Dark
Light

#EDD777

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc7468;
  --color-2: #ffa378;
  --color-3: #edd777;
  --color-4: #b1f77c;
  --color-5: #70ffc1;
}

SCSS

$color-1: #fc7468;
$color-2: #ffa378;
$color-3: #edd777;
$color-4: #b1f77c;
$color-5: #70ffc1;

TAILWIND

colors: {
  'brand-1': '#fc7468',
  'brand-2': '#ffa378',
  'brand-3': '#edd777',
  'brand-4': '#b1f77c',
  'brand-5': '#70ffc1',
}

RGB Array

[252, 116, 104], [255, 163, 120], [237, 215, 119], [177, 247, 124], [112, 255, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FC7468, #FFA378, #EDD777, #B1F77C, #70FFC1 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: #fc7468; --color-2: #ffa378; --color-3: #edd777; --color-4: #b1f77c; --color-5: #70ffc1. 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