← Back to Editor

#A878AC · #D483B5 · #ED93AC · #F7AEB7 · #FFDDD5

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

#A878AC

Dark Plum · DarkGray · Violet

HEX
#A878AC
RGB
rgb(168, 120, 172)
HSL
hsl(295, 24%, 57%)
HSB
hsb(295, 30%, 67%)
CMYK
cmyk(2%, 30%, 0%, 33%)
Oklch
oklch(63.9% 0.094 324.0)

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

#D483B5

Mauve · Orchid · Rose Pink

HEX
#D483B5
RGB
rgb(212, 131, 181)
HSL
hsl(323, 49%, 67%)
HSB
hsb(323, 38%, 83%)
CMYK
cmyk(0%, 38%, 15%, 17%)
Oklch
oklch(71.0% 0.117 342.8)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#ED93AC

Rouge · LightPink · Rose Pink

HEX
#ED93AC
RGB
rgb(237, 147, 172)
HSL
hsl(343, 71%, 75%)
HSB
hsb(343, 38%, 93%)
CMYK
cmyk(0%, 38%, 27%, 7%)
Oklch
oklch(76.2% 0.112 2.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F7AEB7

Peach Pink · LightPink · Cherry Blossom

HEX
#F7AEB7
RGB
rgb(247, 174, 183)
HSL
hsl(353, 82%, 83%)
HSB
hsb(353, 30%, 97%)
CMYK
cmyk(0%, 30%, 26%, 3%)
Oklch
oklch(82.2% 0.086 11.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FFDDD5

Peach Pink · Bisque · Cherry Blossom

HEX
#FFDDD5
RGB
rgb(255, 221, 213)
HSL
hsl(11, 100%, 92%)
HSB
hsb(11, 16%, 100%)
CMYK
cmyk(0%, 13%, 16%, 0%)
Oklch
oklch(92.4% 0.039 33.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A878AC
7BAC77

Analogous

8D77AC
A878AC
AC7796

Triadic

A878AC
ACA777
77ACA7

Split-Comp.

A878AC
96AC77
77AC8D

Tetradic

A878AC
AC8D77
7BAC77
7796AC

Contrast Matrix WCAG 2.1 Contrast

A878AC
D483B5
ED93AC
F7AEB7
FFDDD5
—
1.3
Fail
1.6
Fail
2.0
Fail
2.8
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
2.1
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.8
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
1.4
Fail
2.8
Fail
2.1
Fail
1.8
Fail
1.4
Fail
—
White BG
3.5AA Large
2.7Fail
2.2Fail
1.8Fail
1.3Fail
Black BG
5.9AA
7.7AAA
9.4AAA
11.7AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

93939F
B1B0A9
C6C5A6
D7D7B5
F0F0D7

Deuteranopia

969A9C
B6BCA6
CBD2A5
DCE1B4
F2F5D7

Tritanopia

A69593
D09F9D
E8A1A0
F3B3B3
FDD8D9

Achromatopsia

8C8C8C
A1A1A1
B1B1B1
C5C5C5
E6E6E6

Shades & Tints Shades & Tints

#A878AC

Dark
Light

#D483B5

Dark
Light

#ED93AC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a878ac;
  --color-2: #d483b5;
  --color-3: #ed93ac;
  --color-4: #f7aeb7;
  --color-5: #ffddd5;
}

SCSS

$color-1: #a878ac;
$color-2: #d483b5;
$color-3: #ed93ac;
$color-4: #f7aeb7;
$color-5: #ffddd5;

TAILWIND

colors: {
  'brand-1': '#a878ac',
  'brand-2': '#d483b5',
  'brand-3': '#ed93ac',
  'brand-4': '#f7aeb7',
  'brand-5': '#ffddd5',
}

RGB Array

[168, 120, 172], [212, 131, 181], [237, 147, 172], [247, 174, 183], [255, 221, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #A878AC, #D483B5, #ED93AC, #F7AEB7, #FFDDD5 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: #a878ac; --color-2: #d483b5; --color-3: #ed93ac; --color-4: #f7aeb7; --color-5: #ffddd5. 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