← Back to Editor

#5D3E4E · #9C4E79 · #A879A3 · #F2AD9C · #F07F87

sunset

A 5-color sunset palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#5D3E4E

Rose Purple · DarkSlateGray · Camellia

HEX
#5D3E4E
RGB
rgb(93, 62, 78)
HSL
hsl(329, 20%, 30%)
HSB
hsb(329, 33%, 36%)
CMYK
cmyk(0%, 33%, 16%, 64%)
Oklch
oklch(40.5% 0.049 347.2)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#9C4E79

Rose Purple · Gray · Camellia

HEX
#9C4E79
RGB
rgb(156, 78, 121)
HSL
hsl(327, 33%, 46%)
HSB
hsb(327, 50%, 61%)
CMYK
cmyk(0%, 50%, 22%, 39%)
Oklch
oklch(53.3% 0.116 347.5)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#A879A3

Rose Purple · DarkGray · Violet

HEX
#A879A3
RGB
rgb(168, 121, 163)
HSL
hsl(306, 21%, 57%)
HSB
hsb(306, 28%, 66%)
CMYK
cmyk(0%, 28%, 3%, 34%)
Oklch
oklch(63.7% 0.082 330.2)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#F2AD9C

Peach Pink · BurlyWood · Coral Red

HEX
#F2AD9C
RGB
rgb(242, 173, 156)
HSL
hsl(12, 77%, 78%)
HSB
hsb(12, 36%, 95%)
CMYK
cmyk(0%, 29%, 36%, 5%)
Oklch
oklch(80.9% 0.085 34.3)

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

#F07F87

Peach Pink · LightCoral · Coral Red

HEX
#F07F87
RGB
rgb(240, 127, 135)
HSL
hsl(356, 79%, 72%)
HSB
hsb(356, 47%, 94%)
CMYK
cmyk(0%, 47%, 44%, 6%)
Oklch
oklch(72.5% 0.139 16.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5D3E4E
3D5C4C

Analogous

5B3D5C
5D3E4E
5C3D3E

Triadic

5D3E4E
4D5C3D
3D4D5C

Split-Comp.

5D3E4E
3E5C3D
3D5C5B

Tetradic

5D3E4E
5C5B3D
3D5C4C
3D3E5C

Contrast Matrix WCAG 2.1 Contrast

5D3E4E
9C4E79
A879A3
F2AD9C
F07F87
—
1.7
Fail
2.6
Fail
5.0
AA
3.6
AA Large
1.7
Fail
—
1.6
Fail
3.0
Fail
2.1
Fail
2.6
Fail
1.6
Fail
—
1.9
Fail
1.4
Fail
5.0
AA
3.0
Fail
1.9
Fail
—
1.4
Fail
3.6
AA Large
2.1
Fail
1.4
Fail
1.4
Fail
—
White BG
9.3AAA
5.6AA
3.5AA Large
1.9Fail
2.6Fail
Black BG
2.3Fail
3.8AA Large
5.9AA
11.2AAA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

504F4A
7A7A6F
949399
D4D4A0
BFBE85

Deuteranopia

515449
7F856C
969A96
D8DDA1
C6CE85

Tritanopia

5B4746
986665
A6918F
EFA3A4
EA8483

Achromatopsia

494949
6A6A6A
8C8C8C
C0C0C0
A2A2A2

Shades & Tints Shades & Tints

#5D3E4E

Dark
Light

#9C4E79

Dark
Light

#A879A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5d3e4e;
  --color-2: #9c4e79;
  --color-3: #a879a3;
  --color-4: #f2ad9c;
  --color-5: #f07f87;
}

SCSS

$color-1: #5d3e4e;
$color-2: #9c4e79;
$color-3: #a879a3;
$color-4: #f2ad9c;
$color-5: #f07f87;

TAILWIND

colors: {
  'brand-1': '#5d3e4e',
  'brand-2': '#9c4e79',
  'brand-3': '#a879a3',
  'brand-4': '#f2ad9c',
  'brand-5': '#f07f87',
}

RGB Array

[93, 62, 78], [156, 78, 121], [168, 121, 163], [242, 173, 156], [240, 127, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #5D3E4E, #9C4E79, #A879A3, #F2AD9C, #F07F87 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #5d3e4e; --color-2: #9c4e79; --color-3: #a879a3; --color-4: #f2ad9c; --color-5: #f07f87. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco industries. 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