← Back to Editor

#FFF27D · #FDCD7D · #FBA87D · #F9837D · #F7597E

sunset

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

#FFF27D

Fresh Green · Khaki · Sunflower

HEX
#FFF27D
RGB
rgb(255, 242, 125)
HSL
hsl(54, 100%, 75%)
HSB
hsb(54, 51%, 100%)
CMYK
cmyk(0%, 5%, 51%, 0%)
Oklch
oklch(94.8% 0.139 103.0)

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

#FDCD7D

Goose Yellow · Khaki · Warm Sun

HEX
#FDCD7D
RGB
rgb(253, 205, 125)
HSL
hsl(38, 97%, 74%)
HSB
hsb(38, 51%, 99%)
CMYK
cmyk(0%, 19%, 51%, 1%)
Oklch
oklch(87.4% 0.112 79.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FBA87D

Apricot · LightSalmon · Warm Sun

HEX
#FBA87D
RGB
rgb(251, 168, 125)
HSL
hsl(20, 94%, 74%)
HSB
hsb(20, 50%, 98%)
CMYK
cmyk(0%, 33%, 50%, 2%)
Oklch
oklch(80.3% 0.114 48.0)

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

#F9837D

Peach Pink · LightCoral · Coral Red

HEX
#F9837D
RGB
rgb(249, 131, 125)
HSL
hsl(3, 91%, 73%)
HSB
hsb(3, 50%, 98%)
CMYK
cmyk(0%, 47%, 50%, 2%)
Oklch
oklch(74.0% 0.145 24.2)

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

#F7597E

Peach Pink · LightCoral · Coral Red

HEX
#F7597E
RGB
rgb(247, 89, 126)
HSL
hsl(346, 91%, 66%)
HSB
hsb(346, 64%, 97%)
CMYK
cmyk(0%, 64%, 49%, 3%)
Oklch
oklch(68.2% 0.194 9.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF27D
808CFF

Analogous

FFB380
FFF27D
CCFF80

Triadic

FFF27D
80FFF2
F280FF

Split-Comp.

FFF27D
80CCFF
B380FF

Tetradic

FFF27D
80FFB3
808CFF
FF80CC

Contrast Matrix WCAG 2.1 Contrast

FFF27D
FDCD7D
FBA87D
F9837D
F7597E
—
1.3
Fail
1.7
Fail
2.1
Fail
2.7
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
2.7
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
White BG
1.2Fail
1.5Fail
1.9Fail
2.5Fail
3.1AA Large
Black BG
18.2AAA
14.2AAA
11.0AAA
8.6AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F999
E8E890
D7D687
C6C57E
B3B175

Deuteranopia

FAFBA0
EBEF95
DCE28A
CDD67F
BCC873

Tritanopia

FEB0B5
FBA0A3
F79091
F38080
EF6E6C

Achromatopsia

E9E9E9
D2D2D2
BCBCBC
A6A6A6
8C8C8C

Shades & Tints Shades & Tints

#FFF27D

Dark
Light

#FDCD7D

Dark
Light

#FBA87D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff27d;
  --color-2: #fdcd7d;
  --color-3: #fba87d;
  --color-4: #f9837d;
  --color-5: #f7597e;
}

SCSS

$color-1: #fff27d;
$color-2: #fdcd7d;
$color-3: #fba87d;
$color-4: #f9837d;
$color-5: #f7597e;

TAILWIND

colors: {
  'brand-1': '#fff27d',
  'brand-2': '#fdcd7d',
  'brand-3': '#fba87d',
  'brand-4': '#f9837d',
  'brand-5': '#f7597e',
}

RGB Array

[255, 242, 125], [253, 205, 125], [251, 168, 125], [249, 131, 125], [247, 89, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FFF27D, #FDCD7D, #FBA87D, #F9837D, #F7597E 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: #fff27d; --color-2: #fdcd7d; --color-3: #fba87d; --color-4: #f9837d; --color-5: #f7597e. 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