← Back to Editor

#FF6A41 · #F18964 · #FF9B71 · #FCCBAA · #A35A51

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

#FF6A41

Peach Pink · Tomato · Coral Red

HEX
#FF6A41
RGB
rgb(255, 106, 65)
HSL
hsl(13, 100%, 63%)
HSB
hsb(13, 75%, 100%)
CMYK
cmyk(0%, 58%, 75%, 0%)
Oklch
oklch(70.4% 0.191 36.2)

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

#F18964

Apricot · Salmon · Warm Sun

HEX
#F18964
RGB
rgb(241, 137, 100)
HSL
hsl(16, 83%, 67%)
HSB
hsb(16, 59%, 95%)
CMYK
cmyk(0%, 43%, 59%, 5%)
Oklch
oklch(73.5% 0.137 40.2)

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

#FF9B71

Apricot · LightSalmon · Warm Sun

HEX
#FF9B71
RGB
rgb(255, 155, 113)
HSL
hsl(18, 100%, 72%)
HSB
hsb(18, 56%, 100%)
CMYK
cmyk(0%, 39%, 56%, 0%)
Oklch
oklch(78.4% 0.133 43.2)

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

#FCCBAA

Apricot · Wheat · Peach Orange

HEX
#FCCBAA
RGB
rgb(252, 203, 170)
HSL
hsl(24, 93%, 83%)
HSB
hsb(24, 33%, 99%)
CMYK
cmyk(0%, 19%, 33%, 1%)
Oklch
oklch(87.7% 0.071 55.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#A35A51

Crimson · Sienna · Passion Red

HEX
#A35A51
RGB
rgb(163, 90, 81)
HSL
hsl(7, 34%, 48%)
HSB
hsb(7, 50%, 64%)
CMYK
cmyk(0%, 45%, 50%, 36%)
Oklch
oklch(55.0% 0.098 28.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF6A41
42D6FF

Analogous

FF4278
FF6A41
FFCA42

Triadic

FF6A41
42FF6B
6B42FF

Split-Comp.

FF6A41
42FFCA
4278FF

Tetradic

FF6A41
78FF42
42D6FF
CA42FF

Contrast Matrix WCAG 2.1 Contrast

FF6A41
F18964
FF9B71
FCCBAA
A35A51
—
1.2
Fail
1.4
Fail
1.9
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
2.1
Fail
1.4
Fail
1.2
Fail
—
1.4
Fail
2.5
Fail
1.9
Fail
1.7
Fail
1.4
Fail
—
3.4
AA Large
1.8
Fail
2.1
Fail
2.5
Fail
3.4
AA Large
—
White BG
2.8Fail
2.5Fail
2.1Fail
1.5Fail
5.1AA
Black BG
7.4AAA
8.5AAA
10.2AAA
14.3AAA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD4B
C4C36D
D4D37B
E7E6B2
838353

Deuteranopia

C7D24D
CAD26F
DAE17E
EAEDB4
888D54

Tritanopia

F85354
EC7476
FA8385
FAB8BA
9F5555

Achromatopsia

929292
A4A4A4
B4B4B4
D6D6D6
6F6F6F

Shades & Tints Shades & Tints

#FF6A41

Dark
Light

#F18964

Dark
Light

#FF9B71

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff6a41;
  --color-2: #f18964;
  --color-3: #ff9b71;
  --color-4: #fccbaa;
  --color-5: #a35a51;
}

SCSS

$color-1: #ff6a41;
$color-2: #f18964;
$color-3: #ff9b71;
$color-4: #fccbaa;
$color-5: #a35a51;

TAILWIND

colors: {
  'brand-1': '#ff6a41',
  'brand-2': '#f18964',
  'brand-3': '#ff9b71',
  'brand-4': '#fccbaa',
  'brand-5': '#a35a51',
}

RGB Array

[255, 106, 65], [241, 137, 100], [255, 155, 113], [252, 203, 170], [163, 90, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FF6A41, #F18964, #FF9B71, #FCCBAA, #A35A51 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: #ff6a41; --color-2: #f18964; --color-3: #ff9b71; --color-4: #fccbaa; --color-5: #a35a51. 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