← Back to Editor

#E2DCD5 · #614C51 · #E46A61 · #FFD372 · #FBFC9C

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

#E2DCD5

Goose Yellow · LightGray · Peach Orange

HEX
#E2DCD5
RGB
rgb(226, 220, 213)
HSL
hsl(32, 18%, 86%)
HSB
hsb(32, 6%, 89%)
CMYK
cmyk(0%, 3%, 6%, 11%)
Oklch
oklch(89.7% 0.012 71.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#614C51

Crimson · DimGray · Wine Red

HEX
#614C51
RGB
rgb(97, 76, 81)
HSL
hsl(346, 12%, 34%)
HSB
hsb(346, 22%, 38%)
CMYK
cmyk(0%, 22%, 16%, 62%)
Oklch
oklch(44.0% 0.029 2.5)

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

#E46A61

Peach Pink · Salmon · Coral Red

HEX
#E46A61
RGB
rgb(228, 106, 97)
HSL
hsl(4, 71%, 64%)
HSB
hsb(4, 57%, 89%)
CMYK
cmyk(0%, 54%, 57%, 11%)
Oklch
oklch(66.9% 0.154 26.3)

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

#FFD372

Goose Yellow · Khaki · Sunflower

HEX
#FFD372
RGB
rgb(255, 211, 114)
HSL
hsl(41, 100%, 72%)
HSB
hsb(41, 55%, 100%)
CMYK
cmyk(0%, 17%, 55%, 0%)
Oklch
oklch(88.6% 0.126 85.3)

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

#FBFC9C

Fresh Green · Khaki · Lemon Cream

HEX
#FBFC9C
RGB
rgb(251, 252, 156)
HSL
hsl(61, 94%, 80%)
HSB
hsb(61, 38%, 99%)
CMYK
cmyk(0%, 0%, 38%, 1%)
Oklch
oklch(97.0% 0.118 108.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2DCD5
D5DBE2

Analogous

E2D5D5
E2DCD5
E1E2D5

Triadic

E2DCD5
D5E2DC
DCD5E2

Split-Comp.

E2DCD5
D5E1E2
D5D5E2

Tetradic

E2DCD5
D5E2D5
D5DBE2
E2D5E1

Contrast Matrix WCAG 2.1 Contrast

E2DCD5
614C51
E46A61
FFD372
FBFC9C
—
5.8
AA
2.4
Fail
1.0
Fail
1.3
Fail
5.8
AA
—
2.5
Fail
5.6
AA
7.3
AAA
2.4
Fail
2.5
Fail
—
2.3
Fail
3.0
Fail
1.0
Fail
5.6
AA
2.3
Fail
—
1.3
Fail
1.3
Fail
7.3
AAA
3.0
Fail
1.3
Fail
—
White BG
1.4Fail
7.9AAA
3.2AA Large
1.4Fail
1.1Fail
Black BG
15.4AAA
2.7Fail
6.5AA
14.8AAA
19.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFD7
585850
AFAE63
ECEC89
FBFBB3

Deuteranopia

E0E0D7
595B50
B6BF64
EFF28F
FBFBB9

Tritanopia

E2D8D8
604F4F
DE6565
FD9CA0
FBC6CA

Achromatopsia

DDDDDD
535353
8D8D8D
D5D5D5
F1F1F1

Shades & Tints Shades & Tints

#E2DCD5

Dark
Light

#614C51

Dark
Light

#E46A61

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2dcd5;
  --color-2: #614c51;
  --color-3: #e46a61;
  --color-4: #ffd372;
  --color-5: #fbfc9c;
}

SCSS

$color-1: #e2dcd5;
$color-2: #614c51;
$color-3: #e46a61;
$color-4: #ffd372;
$color-5: #fbfc9c;

TAILWIND

colors: {
  'brand-1': '#e2dcd5',
  'brand-2': '#614c51',
  'brand-3': '#e46a61',
  'brand-4': '#ffd372',
  'brand-5': '#fbfc9c',
}

RGB Array

[226, 220, 213], [97, 76, 81], [228, 106, 97], [255, 211, 114], [251, 252, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #E2DCD5, #614C51, #E46A61, #FFD372, #FBFC9C 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: #e2dcd5; --color-2: #614c51; --color-3: #e46a61; --color-4: #ffd372; --color-5: #fbfc9c. 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