← Back to Editor

#ECE0EA · #FCC3BC · #FDECC1 · #C09AA5 · #5B423E

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#ECE0EA

Mauve · Lavender · Lavender

HEX
#ECE0EA
RGB
rgb(236, 224, 234)
HSL
hsl(310, 24%, 90%)
HSB
hsb(310, 5%, 93%)
CMYK
cmyk(0%, 5%, 1%, 7%)
Oklch
oklch(91.9% 0.019 331.1)

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

#FCC3BC

Peach Pink · LightPink · Cherry Blossom

HEX
#FCC3BC
RGB
rgb(252, 195, 188)
HSL
hsl(7, 91%, 86%)
HSB
hsb(7, 25%, 99%)
CMYK
cmyk(0%, 23%, 25%, 1%)
Oklch
oklch(86.6% 0.066 26.6)

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

#FDECC1

Goose Yellow · Bisque · Lemon Cream

HEX
#FDECC1
RGB
rgb(253, 236, 193)
HSL
hsl(43, 94%, 87%)
HSB
hsb(43, 24%, 99%)
CMYK
cmyk(0%, 7%, 24%, 1%)
Oklch
oklch(94.6% 0.059 89.0)

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

#C09AA5

Rouge · DarkGray · Rose Pink

HEX
#C09AA5
RGB
rgb(192, 154, 165)
HSL
hsl(343, 23%, 68%)
HSB
hsb(343, 20%, 75%)
CMYK
cmyk(0%, 20%, 14%, 25%)
Oklch
oklch(72.4% 0.047 359.1)

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

#5B423E

Crimson · DarkOliveGreen · Wine Red

HEX
#5B423E
RGB
rgb(91, 66, 62)
HSL
hsl(8, 19%, 30%)
HSB
hsb(8, 32%, 36%)
CMYK
cmyk(0%, 27%, 32%, 64%)
Oklch
oklch(40.5% 0.036 29.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECE0EA
DFECE1

Analogous

E8DFEC
ECE0EA
ECDFE3

Triadic

ECE0EA
EAECDF
DFEAEC

Split-Comp.

ECE0EA
E3ECDF
DFECE8

Tetradic

ECE0EA
ECE8DF
DFECE1
DFE3EC

Contrast Matrix WCAG 2.1 Contrast

ECE0EA
FCC3BC
FDECC1
C09AA5
5B423E
—
1.2
Fail
1.1
Fail
2.0
Fail
7.2
AAA
1.2
Fail
—
1.3
Fail
1.6
Fail
6.0
AA
1.1
Fail
1.3
Fail
—
2.1
Fail
7.8
AAA
2.0
Fail
1.6
Fail
2.1
Fail
—
3.7
AA Large
7.2
AAA
6.0
AA
7.8
AAA
3.7
AA Large
—
White BG
1.3Fail
1.5Fail
1.2Fail
2.5Fail
9.2AAA
Black BG
16.4AAA
13.7AAA
17.9AAA
8.4AAA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7E8
E3E3BE
F6F5CB
B0AFA2
50503F

Deuteranopia

E8E8E7
E7EBBE
F7F8CE
B2B5A2
52543F

Tritanopia

EBE6E5
F9BFBF
FCD4D5
BEA0A0
5A4040

Achromatopsia

E5E5E5
D3D3D3
ECECEC
A7A7A7
494949

Shades & Tints Shades & Tints

#ECE0EA

Dark
Light

#FCC3BC

Dark
Light

#FDECC1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ece0ea;
  --color-2: #fcc3bc;
  --color-3: #fdecc1;
  --color-4: #c09aa5;
  --color-5: #5b423e;
}

SCSS

$color-1: #ece0ea;
$color-2: #fcc3bc;
$color-3: #fdecc1;
$color-4: #c09aa5;
$color-5: #5b423e;

TAILWIND

colors: {
  'brand-1': '#ece0ea',
  'brand-2': '#fcc3bc',
  'brand-3': '#fdecc1',
  'brand-4': '#c09aa5',
  'brand-5': '#5b423e',
}

RGB Array

[236, 224, 234], [252, 195, 188], [253, 236, 193], [192, 154, 165], [91, 66, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #ECE0EA, #FCC3BC, #FDECC1, #C09AA5, #5B423E is ideal for: health products, baby brands, fresh-style blogs, 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: #ece0ea; --color-2: #fcc3bc; --color-3: #fdecc1; --color-4: #c09aa5; --color-5: #5b423e. 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 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