← Back to Editor

#F9E2B1 · #F6CDB2 · #F4A5AE · #BF80AC · #896CAF

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

#F9E2B1

Goose Yellow · Wheat · Lemon Cream

HEX
#F9E2B1
RGB
rgb(249, 226, 177)
HSL
hsl(41, 86%, 84%)
HSB
hsb(41, 29%, 98%)
CMYK
cmyk(0%, 9%, 29%, 2%)
Oklch
oklch(92.0% 0.068 85.7)

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

#F6CDB2

Apricot · Wheat · Peach Orange

HEX
#F6CDB2
RGB
rgb(246, 205, 178)
HSL
hsl(24, 79%, 83%)
HSB
hsb(24, 28%, 96%)
CMYK
cmyk(0%, 17%, 28%, 4%)
Oklch
oklch(87.7% 0.059 55.2)

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

#F4A5AE

Peach Pink · LightPink · Coral Red

HEX
#F4A5AE
RGB
rgb(244, 165, 174)
HSL
hsl(353, 78%, 80%)
HSB
hsb(353, 32%, 96%)
CMYK
cmyk(0%, 32%, 29%, 4%)
Oklch
oklch(80.1% 0.094 11.9)

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

#BF80AC

Mauve · DarkGray · Lilac Purple

HEX
#BF80AC
RGB
rgb(191, 128, 172)
HSL
hsl(318, 33%, 63%)
HSB
hsb(318, 33%, 75%)
CMYK
cmyk(0%, 33%, 10%, 25%)
Oklch
oklch(67.8% 0.097 338.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#896CAF

Deep Indigo · LightSlateGray · Violet

HEX
#896CAF
RGB
rgb(137, 108, 175)
HSL
hsl(266, 30%, 55%)
HSB
hsb(266, 38%, 69%)
CMYK
cmyk(22%, 38%, 0%, 31%)
Oklch
oklch(58.6% 0.104 303.2)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9E2B1
B3C9F9

Analogous

F9C0B3
F9E2B1
ECF9B3

Triadic

F9E2B1
B3F9E3
E3B3F9

Split-Comp.

F9E2B1
B3ECF9
C0B3F9

Tetradic

F9E2B1
B3F9C0
B3C9F9
F9B3EC

Contrast Matrix WCAG 2.1 Contrast

F9E2B1
F6CDB2
F4A5AE
BF80AC
896CAF
—
1.2
Fail
1.5
Fail
2.4
Fail
3.4
AA Large
1.2
Fail
—
1.3
Fail
2.1
Fail
3.0
Fail
1.5
Fail
1.3
Fail
—
1.6
Fail
2.2
Fail
2.4
Fail
2.1
Fail
1.6
Fail
—
1.4
Fail
3.4
AA Large
3.0
Fail
2.2
Fail
1.4
Fail
—
White BG
1.3Fail
1.5Fail
1.9Fail
3.0AA Large
4.3AA Large
Black BG
16.5AAA
14.3AAA
10.8AAA
6.9AA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFBD
E4E4B9
D2D1AC
A4A3A1
7C7C9F

Deuteranopia

F0F2C0
E7EABA
D6DCAB
A7AC9F
7E809B

Tritanopia

F8C6C8
F4BEBF
F0AAAA
BC9997
88928F

Achromatopsia

E3E3E3
D6D6D6
BEBEBE
989898
7C7C7C

Shades & Tints Shades & Tints

#F9E2B1

Dark
Light

#F6CDB2

Dark
Light

#F4A5AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9e2b1;
  --color-2: #f6cdb2;
  --color-3: #f4a5ae;
  --color-4: #bf80ac;
  --color-5: #896caf;
}

SCSS

$color-1: #f9e2b1;
$color-2: #f6cdb2;
$color-3: #f4a5ae;
$color-4: #bf80ac;
$color-5: #896caf;

TAILWIND

colors: {
  'brand-1': '#f9e2b1',
  'brand-2': '#f6cdb2',
  'brand-3': '#f4a5ae',
  'brand-4': '#bf80ac',
  'brand-5': '#896caf',
}

RGB Array

[249, 226, 177], [246, 205, 178], [244, 165, 174], [191, 128, 172], [137, 108, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #F9E2B1, #F6CDB2, #F4A5AE, #BF80AC, #896CAF 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: #f9e2b1; --color-2: #f6cdb2; --color-3: #f4a5ae; --color-4: #bf80ac; --color-5: #896caf. 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