← Back to Editor

#8851A4 · #D07DCB · #FFA5BF · #FFFDD3 · #A2C1D3

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 AppData Visualization

Color Details Color Details

#8851A4

Dark Plum · SlateBlue · Violet

HEX
#8851A4
RGB
rgb(136, 81, 164)
HSL
hsl(280, 34%, 48%)
HSB
hsb(280, 51%, 64%)
CMYK
cmyk(17%, 51%, 0%, 36%)
Oklch
oklch(53.3% 0.137 313.2)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#D07DCB

Mauve · Orchid · Lilac Purple

HEX
#D07DCB
RGB
rgb(208, 125, 203)
HSL
hsl(304, 47%, 65%)
HSB
hsb(304, 40%, 82%)
CMYK
cmyk(0%, 40%, 2%, 18%)
Oklch
oklch(70.4% 0.143 329.1)

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

#FFA5BF

Rouge · LightPink · Cherry Blossom

HEX
#FFA5BF
RGB
rgb(255, 165, 191)
HSL
hsl(343, 100%, 82%)
HSB
hsb(343, 35%, 100%)
CMYK
cmyk(0%, 35%, 25%, 0%)
Oklch
oklch(81.8% 0.110 1.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FFFDD3

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFDD3
RGB
rgb(255, 253, 211)
HSL
hsl(57, 100%, 91%)
HSB
hsb(57, 17%, 100%)
CMYK
cmyk(0%, 1%, 17%, 0%)
Oklch
oklch(98.5% 0.054 105.1)

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

#A2C1D3

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#A2C1D3
RGB
rgb(162, 193, 211)
HSL
hsl(202, 36%, 73%)
HSB
hsb(202, 23%, 83%)
CMYK
cmyk(23%, 9%, 0%, 17%)
Oklch
oklch(79.4% 0.042 233.5)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8851A4
6DA451

Analogous

5F51A4
8851A4
A45196

Triadic

8851A4
A48851
51A488

Split-Comp.

8851A4
96A451
51A45F

Tetradic

8851A4
A45F51
6DA451
5196A4

Contrast Matrix WCAG 2.1 Contrast

8851A4
D07DCB
FFA5BF
FFFDD3
A2C1D3
—
2.0
Fail
3.0
AA Large
5.4
AA
3.0
Fail
2.0
Fail
—
1.5
Fail
2.7
Fail
1.5
Fail
3.0
AA Large
1.5
Fail
—
1.8
Fail
1.0
Fail
5.4
AA
2.7
Fail
1.8
Fail
—
1.8
Fail
3.0
Fail
1.5
Fail
1.0
Fail
1.8
Fail
—
White BG
5.6AA
2.8Fail
1.8Fail
1.0Fail
1.9Fail
Black BG
3.8AA Large
7.5AAA
11.4AAA
20.2AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

707090
ACABB8
D8D7B9
FEFEDD
AFB0CF

Deuteranopia

73778B
B1B7B4
DDE4B7
FEFEE0
AEABCE

Tritanopia

85807D
CCA9A6
FBB4B3
FFE5E7
A4CBCA

Achromatopsia

6B6B6B
9F9F9F
C3C3C3
F9F9F9
BABABA

Shades & Tints Shades & Tints

#8851A4

Dark
Light

#D07DCB

Dark
Light

#FFA5BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8851a4;
  --color-2: #d07dcb;
  --color-3: #ffa5bf;
  --color-4: #fffdd3;
  --color-5: #a2c1d3;
}

SCSS

$color-1: #8851a4;
$color-2: #d07dcb;
$color-3: #ffa5bf;
$color-4: #fffdd3;
$color-5: #a2c1d3;

TAILWIND

colors: {
  'brand-1': '#8851a4',
  'brand-2': '#d07dcb',
  'brand-3': '#ffa5bf',
  'brand-4': '#fffdd3',
  'brand-5': '#a2c1d3',
}

RGB Array

[136, 81, 164], [208, 125, 203], [255, 165, 191], [255, 253, 211], [162, 193, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #8851A4, #D07DCB, #FFA5BF, #FFFDD3, #A2C1D3 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #8851a4; --color-2: #d07dcb; --color-3: #ffa5bf; --color-4: #fffdd3; --color-5: #a2c1d3. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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