← Back to Editor

#FEF5E6 · #DCD2D1 · #A77AA5 · #615789 · #47476B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FEF5E6

Goose Yellow · Linen · Peach Orange

HEX
#FEF5E6
RGB
rgb(254, 245, 230)
HSL
hsl(38, 92%, 95%)
HSB
hsb(38, 9%, 100%)
CMYK
cmyk(0%, 4%, 9%, 0%)
Oklch
oklch(97.3% 0.022 80.7)

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

#DCD2D1

Peach Pink · LightGray · Cherry Blossom

HEX
#DCD2D1
RGB
rgb(220, 210, 209)
HSL
hsl(5, 14%, 84%)
HSB
hsb(5, 5%, 86%)
CMYK
cmyk(0%, 5%, 5%, 14%)
Oklch
oklch(87.2% 0.011 24.3)

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

#A77AA5

Rose Purple · DarkGray · Violet

HEX
#A77AA5
RGB
rgb(167, 122, 165)
HSL
hsl(303, 20%, 57%)
HSB
hsb(303, 27%, 65%)
CMYK
cmyk(0%, 27%, 1%, 35%)
Oklch
oklch(63.8% 0.082 328.0)

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

#615789

Deep Indigo · DarkSlateBlue · Navy Blue

HEX
#615789
RGB
rgb(97, 87, 137)
HSL
hsl(252, 22%, 44%)
HSB
hsb(252, 36%, 54%)
CMYK
cmyk(29%, 36%, 0%, 46%)
Oklch
oklch(48.8% 0.079 292.4)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#47476B

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#47476B
RGB
rgb(71, 71, 107)
HSL
hsl(240, 20%, 35%)
HSB
hsb(240, 34%, 42%)
CMYK
cmyk(34%, 34%, 0%, 58%)
Oklch
oklch(41.4% 0.060 283.5)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEF5E6
E7EFFE

Analogous

FEEAE7
FEF5E6
FBFEE7

Triadic

FEF5E6
E7FEF5
F5E7FE

Split-Comp.

FEF5E6
E7FBFE
EAE7FE

Tetradic

FEF5E6
E7FEEA
E7EFFE
FEE7FB

Contrast Matrix WCAG 2.1 Contrast

FEF5E6
DCD2D1
A77AA5
615789
47476B
—
1.4
Fail
3.3
AA Large
6.0
AA
8.2
AAA
1.4
Fail
—
2.4
Fail
4.4
AA Large
6.0
AA
3.3
AA Large
2.4
Fail
—
1.8
Fail
2.5
Fail
6.0
AA
4.4
AA Large
1.8
Fail
—
1.4
Fail
8.2
AAA
6.0
AA
2.5
Fail
1.4
Fail
—
White BG
1.1Fail
1.5Fail
3.5AA Large
6.5AA
8.8AAA
Black BG
19.4AAA
14.2AAA
6.0AA
3.2AA Large
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAEA
D8D8D1
94939B
5D5D7D
474762

Deuteranopia

FBFBEB
D8D9D1
969A98
5D5E7A
474760

Tritanopia

FEECED
DCD1D1
A59291
607371
475B5A

Achromatopsia

F6F6F6
D5D5D5
8C8C8C
606060
4B4B4B

Shades & Tints Shades & Tints

#FEF5E6

Dark
Light

#DCD2D1

Dark
Light

#A77AA5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fef5e6;
  --color-2: #dcd2d1;
  --color-3: #a77aa5;
  --color-4: #615789;
  --color-5: #47476b;
}

SCSS

$color-1: #fef5e6;
$color-2: #dcd2d1;
$color-3: #a77aa5;
$color-4: #615789;
$color-5: #47476b;

TAILWIND

colors: {
  'brand-1': '#fef5e6',
  'brand-2': '#dcd2d1',
  'brand-3': '#a77aa5',
  'brand-4': '#615789',
  'brand-5': '#47476b',
}

RGB Array

[254, 245, 230], [220, 210, 209], [167, 122, 165], [97, 87, 137], [71, 71, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEF5E6, #DCD2D1, #A77AA5, #615789, #47476B 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: #fef5e6; --color-2: #dcd2d1; --color-3: #a77aa5; --color-4: #615789; --color-5: #47476b. 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 general-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